Jquey mobile listview

Jquey mobile listview

Hello,

i tried to generate list view dynamically in SUP.when i request for the first time it is working fine.when i  come back from the screen and again calling the same screen list view is not loading it is displaying plain text.Code which i am using.

function customBeforeNavigateForward(screenKey, destScreenKey) {
    if (screenKey == "Start" && (destScreenKey === "Screen1")){   
       
        var htmlOutput = '';       
        var firstChar = '';
        var approverName ='xxx' ;
        var mobileNumber = '1111111111111111';
        var email = 'xxx;
        var landLine1 = 'asas';
       
        htmlOutput += '<div data-role="collapsible" class = "coll_dev" id="htmlListView" data-theme="b" data-content-theme="d" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" data-inset="false">';
        htmlOutput += '<h2>'+ approverName + '</h2> <ul class="list2" data-role="listview">';           
        htmlOutput += '<li><a href="tel:'+mobileNumber+'">'+ mobileNumber +'</a></li>';
        htmlOutput += '<li><a href="sms:'+mobileNumber+'">'+ mobileNumber +'</a></li>';
        htmlOutput += '<li><a href="mailto:'+email+'"></a><p>'+ email +'</p></li>';
        htmlOutput += '<li><a href="tel:'+landLine1+'">'+ landLine1 +'</a></li></ul></div>';
       
        var listView = $('div[id="htmlListView"]');
        if(listView.length > 0 ){
            alert("The page is already built");
            $("mylist").listview("refresh");
        }else{
            alert("The is built for the first time");
            $('#Screen1Form').children().eq(2).hide();
            $('#Screen1Form').children().eq(1).after(htmlOutput);
            $("mylist").listview("refresh");
        }
       
 

    }
    return true;
}



































Thanks
Karthikeya