Lógica da programação JQUERY

Olá, estou tendo problema com a mudança de atributo quando uso .change e seta variável.

Quando uso uma variavel pre determinada, funciona, quando uso via .change não funciona. Códigos abaixo:

Assim funciona:

var $cor = "000000";
$('area.manga').attr('data-maphilight','{"fillColor":"'+$cor+'" ,"fillOpacity":0.7}');
});

Assim funciona o alert também:

 $('#cores1').change(function () {
	var $value = $(this).val();
	alert($value);
});

E o que eu quero que funcione, teoricamente, seria assim:

 $('#cores1').change(function () {
	var $value = $(this).val();
	$('area.manga').attr('data-maphilight','{"fillColor":"'+$cor+'" ,"fillOpacity":0.7}');
});

Obrigado à quem puder ajudar.