select non vede il cambiamento di stato

[maforast]

Salve a tutti, ho un problema. Sto creando delle select annidate che si se Seleziono una regione nella select successiva compariranno le province di quella regione
Selezionando una provincia, nella select successiva compariranno i comuni di quella provincia.
Lo stesso dovrebbe avvenire se clicco su una regione e successivamente su una provincia di una mappa.
Se eseguo il codice sottostante:

$("select#regioni").change(function(){
			var regione = $("select#regioni option:selected").attr('value');
			$("select#province").html(attendere);
			$("select#province").attr("disabled", "disabled");
			$("select#comuni").html(scegli);
			$("select#comuni").attr("disabled", "disabled");
			
			$.post("select.php", {id_reg:regione}, function(data){
			$("select#province").removeAttr("disabled"); 
				$("select#province").html(data);	
			});
		});

cambiando lo stato della select l'evento change funziona correttamente.
Ma se modifico il valore della select cliccando su un'immagine della mappa il change nn viene visto dalla select anche se il valore al suo interno cambia attraverso questo codice

$(document).ready(function(){
  			$('area').click(function(){
     		$("select#regioni").val( $(this).attr('optionVal') );
			});
			});

Qualcuno sa dirmi come far notare alla select il cambiamento per innescare cosi la valorizzazione delle altre select annidate?

Grazie