problemas de ajax e IE

[Lego]

hola q tal hay una cosa q me sucede es q mi ajax lo que hace es cargar unos select dependiendo de la opcion escojida en el select anterior , en mozilla lo hace perfecto pero en IE no carga los select si saben porque y me pueden ayudar

gracias!!!!
codigo js
document.write("<meta Content-Type: text/html; charset=utf-8>");
$(document).ready(function(){

$.getJSON("estados.php",null,function(data){
$("#estados").html("");
var ul = $("<select>");
for(i in data){
ul.append("<option onclick='municipios("+data[i].id_estado+")'>"+
data[i].nombre+"</option>");
}
$("#estados").append(ul).fadeIn("fast");
});

});


function municipios(estados){

$.getJSON("municipios.php",{id_estado:estados},fun ction(data){
$("#municipios").html("");
var ul = $("<select>");

for(i in data){
$nombre=data[i].nombre;
ul.append("<option onclick='parroquias("+data[i].id_estado+","+data[i].id_municipio+")'>"+
$nombre+"</option>");
}
$("#municipios").append(ul).slideDown("fast");
});
}
codigo html
<table>
. . .
<tr>
<td>
Municipio de Residencia
</td>
<td>
<div id="municipios" style="display:none"></div>
</td>
</tr>
. . .
</table>
cunado seleciono un estado el municipio no se carga pero solo pasa en IE

[caricatos]

Hola:

Otro caso con onclick en un option... la forma buena es onchange en select...

¿De dónde ha salido ese vicio de poner onclick en un option...?

Saludos

[Lego]

lo intente de esta forma

$(document).ready(function(){

$.getJSON("estados.php",null,function(data){
$("#estados").html("");
var ul = $("<select onChange='municipios("+data[i].id_estado+")'>");
for(i in data){
ul.append("<option>"+
data[i].nombre+"</option>");
}
$("#estados").append(ul).fadeIn("fast");
});

});

y desaparece el select :S

[Lego]

ya fue un error mio jejeje asi lo acomode si a alguien le hace falta

document.write("<meta Content-Type: text/html; charset=utf-8>");
$(document).ready(function(){

$.getJSON("estados.php",null,function(data){
$("#estados").html("");
var ul = $("<select onchange='municipios(value)'>");
for(i in data){
ul.append("<option value="+data[i].id_estado+">"+
data[i].nombre+"</option>");
}

$("#estados").append(ul).fadeIn("fast");
});

});

gracias caricatos y si funciona en el gran IE


otra cosa xq siempre el ultimo option de el select es undefined?????