I am building a phonegap application that uses jquery mobile navigation. I have an external php page that queries items from Db and loads them to my app. so I am using
  $(document).delegate("#cardslist", "pageinit", function() {    
  $.mobile.changePage( "data/card-list.html", { transition: "fade",  changeHash: false });
      );
 });
where card-list.html is an internal page and its content is
$(document).delegate(".cardslist", "pageinit", function() {         
  $.ajax({
  method:'GET',
  url:'http://www.thecardguys.co.ke/m/card-list-mobile.php',
  beforeSend:function()
     {
  // $("#processing").show();
     },
 complete:function ()
   {
  //   $("#processing").hide();  
   },
 success: function(feedback)
   {
  $('.cardlist').html(feedback); 
  $('.cardlist').css({'transform': 'scale(0.6)'});                 
   }
  });
  }
http://www.thecardguys.co.ke/m/card-list-mobile.php is an external php page that fetches data and echoes it.
content is loading well in ripple emulator, but when I bundle the app the data won't load. it has been a week now
 
     
    