JavaScript - Campos relacionados en mantenedor

Hola,

Tengo una tabla de Regiones y otra de Comunas, donde la comuna se relaciona con la de regiones mediante el código de ésta, ejemplo:

Tabreg
codreg, desreg
1, Region 1
2, Región 2

Tabcom
codreg, codcom, descom
1,1,comuna 1
1,2, comuna 2
2,1, comuna 3

Estas tablas las uso en un mantenedor de clientes que tiene el campo región y comuna respectivamente.

Al tratar de modificar me trae bien la región, pero no así la de comuna, muestro pantallas:



Una vez que elijo el primer registro se puede apreciar que no me trae la comuna:



Los extractos de códigos son los siguientes:

HTML
Este parte del código html está escondido al iniciar la opción, lo activo cuando desean modificar un determinado registro:



JS

Este código trae la región y la comuna, aquí al parecer me falta algo o bien usar otro trigger?



Cuando selecciona otra región:



Código JS para modificar registro, este es el código asociado al botón de modificar:



Agradecería si alguien pudiera ayudarme o darme una luz para el problema.

el problema es porque en un combo no funciona la propiedad val, debe utilizar

$('#edituserProfile option').prop('selected', function() {
//return this.defaultSelected;
return this.perfil
});