Unable to produce dynamic list

Unable to produce dynamic list

Hello,

I'm trying generate listview programmatically which i'm unable to do,

Here is the code..

  1. $.ajax({ 
  2.    type: "GET", 
  3.    url: 'updateService.php?time=lifetime',
  4.    success: function(resp){ 
  5.         $('#li-nav').empty()
  6.        
  7.         var movie='Prasad';
  8.    
  9.         $('#li-nav').append('<li>'  +
  10.                 '<a href="">' +
  11.                     '<h3>' + movie + '</h3>' +
  12.                 '</a>' +
  13.               '</li>');
  14.    }, 
  15.    error: function(e){ 
  16.      alert('Error: ' + e); 
  17.    },
  18.  complete: function() {
  19.       $('#li-nav').listview();
  20.      }
  21.     }); 
 

  1. <div data-role="content">
  2.      <ul data-role="listview" data-inset="true" data-theme="c" id="li-nav">
  3.          
  4.    
  5.      </ul>
  6.  </div>

Output: