title: jQuery mobile ajax load jsonp not work after page change
body: <p>I made a mobile webpage with jQuery Mobile. I load the tweets using jQuery's <code>.ajax()</code> method on page load. It works but when I change the page by clicking a link, the tweets won't load anymore.</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;ul data-role="listview" data-divider-theme="c" data-inset="true" id="tweets"&gt;
      &lt;li data-role="list-divider"&gt;Latest Tweets&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$(document).bind('pageinit',function(){
      $.ajax({
          url:'https://api.twitter.com/1/statuses/user_timeline/LicsonLee.json',
          dataType:'jsonp',
          success:function(data){
              $.each(data,function(i){
                  if(i &lt; 5){
                      var tweet = data[i];
                     $('#tweets').append($('&lt;li/&gt;').html('&lt;a href="https://twitter.com/'+tweet.user.screen_name+'/status/'+tweet.id_str+'" data-rel="external"&gt;&lt;h4&gt;'+tweet.text+'&lt;/h4&gt;&lt;p&gt;at '+tweet.created_at+'&lt;/p&gt;&lt;/a&gt;'));
                   }
              });
              $('#tweets').listview('refresh');
          }
      });
  });
  </code></pre>
  
  <p><a href="http://serve-licson.net23.net/mobile/" rel="nofollow">The page that has problem</a></p>
  
  <p><strong>Current progress</strong></p>
  
  <p>I've tried Gajotres' answer but it still worked once only. The pages are loaded through AJAX. I also checked that other pages' HTML structure are correct. I still cannot figure out why this is happened.</p>
  
  <p>Any help will be appreciated.</p>