jquery - iOS-PhoneGap: データを動的にロードした後、リストビューが更新されない

Question

データベースからリストビューを生成しようとしています。リストビューを更新した後、MySQL データベースから取得していますが、CSS またはデザインが更新されません。

リストビューは、phonegap の別のページからリスト項目をクリックすると生成されます

Javascript:

$('#facilityListView li').live('click',function(){
    var selectedFacility = $(this).attr('name');
    var appendFacilityType = $('#facilitySpecificType');
    var fContent = "";

    $.ajax({
        type:'GET',
        data: {sFacility:selectedFacility},
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: '5000',
        url: 'http://localhost/getSpecificFacilityCategory.php',
        success:function(data){
            $.each(data,function(f,fitem){
                fContent += '<li><a href="#">' + fitem.FacilityName+ '</a></li>';
            });
            appendFacilityType.empty().append(fContent).listview("refresh");
        },
        error: function(){
            alert("failed");
            console.log(data);
        }
    });
 });

修正版

$('#facilityListView li').on('click', 'li' ,function(){
    var selectedFacility = $(this).attr('name');
    var appendFacilityType = $('#facilitySpecificType');
    var fContent = "";

    $.ajax({
        type:'GET',
        data: {sFacility:selectedFacility},
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        timeout: '5000',
        url: 'http://localhost/getSpecificFacilityCategory.php',
        success:function(data){
            $.each(data,function(f,fitem){
                fContent += '<li><a href="#">' + fitem.FacilityName+ '</a></li>';
            });
            appendFacilityType.empty().append(fContent).listview("refresh");
        },
        error: function(){
            alert("failed");
            console.log(data);
        }
    });
 });