You must trigger markup enhancement on dynamically added listview elements with:
$('ul#id').listview('refresh'):
Live example: http://jsfiddle.net/Gajotres/LrAyE/
Basically your code would look like this:
success: function(data){
var list = $('#' + HTMLfieldName[index] + 'Ul');
$.each(data, function() {
newLi = document.createElement('li');
ref = document.createElement('a');
ref.innerHTML = this.description;
ref.href = '#' + this.code;
newLi.appendChild(ref);
list.append(newLi);
});
list.listview('refresh');
}
And remember, you must call .listview('refresh');
after the each
loop.