funcioen en ajax

[Lego]

buenas mi pregunta es la sigueine tengo en un archivo js la funcion que junta a el php me hacen una lista desplegable con opciones mi problema es con los acentos asi q se me acurrio hacer algo asi

codigo js

function postgrados(postgrados){

$.getJSON("postgrados.php",{cadena:postgrados},fun ction(data){
$("#postgrados").html("");
var ul = $("<select name='postgrado' onchange='universidades(value)'><option value='0'>SELECCIONE</option>");
for(i in data){
$texto=data[i].id_postgrado;
$nombre=acento($texto);
ul.append("<option value="+data[i].id_postgrado+">"+
data[i].nombre+" </option>");

}
$("#postgrados").append(ul).slideDown("fast");
});
}

asi formo la lista desplegable mi funcin acento es algo asi


function acento(text){

text = text.replace("á","$aacute;");
text = text.replace("i","&iacute;");

return text;
}

la cuestion es q no sale nada ni la lista desplegable, esta sale solo cuando quito la llamada a la funcion quisiera saber q estoy haciendo mal

de antemano gracias para los que me puedan ayudar