La primera opción de HTML en seleccionar no representa el elemento seleccionado en la página Jquery mobile?

Tengo un problema con html select cuando enlace el archivo json a html select, no mostrará el primer elemento en la página web cuando cargue la página por primera vez

enter image description here

Html

OP Select

Vendor #
PO #

javascript

 $('#poGrid').hide(); $('#poInfos').hide(); var rootURLgetVendornosList = "webresources/vendors/getVendornosList"; //var rootURLgetVendornosList = "http://:8080/Info5059Case2v-war/webresources/vendors/getVendornosList"; $.getJSON(rootURLgetVendornosList,null,function(data,status,jqXHR){ renderVendorList(data); }).error(function(jqXHR,textStatus,errorThrown){ console.log(textStatus+"-"+errorThrown); }); //bind select #vendorno function renderVendorList(data) { $(data).each(function(){ $('#vendorno').append(""+ this +""); }); } var rootURL3 = "webresources/PO/"; //var rootURL3 = "http://:8080/Info5059Case2v-war/webresources/PO/"; //bind select op select $("#chooseVendor").click(function(){ $.getJSON(rootURL3 + "getALLPOForVendor/" + $('#vendorno').val(),null,function(data,status,jqXHR){ renderPOList(data); }).error(function(jqXHR,textStatus,errorThrown){ console.log(textStatus+"-"+errorThrown); }); });//chooseVendor //bind select POno function renderPOList(data) { $(data).each(function(){ $('#POno').append(""+ this.ponumber +""); }); $('#poGrid').show(); } 

Después de agregar elementos al menú de selección, necesita volver a mejorar / volver a aplicar estilos JQM. Para seleccionar el menú, llame al siguiente.

 $(".selector").selectmenu("refresh"); 

Referencia: API del widget Selectmenu