jQM refresh page

by Alex Azuero

HTML

<div data-role="page" id="page1">
     <div data-role="header">
        <h1>My page 1</h1> 
    </div> 	
    <div role="main" class="ui-content">
      <a href="#page2" class="ui-btn">Go to page 2</a>

    </div> 
</div>  

<div data-role="page" id="page2">
     <div data-role="header">
        <h1>My page 2</h1> 
        <button id="refresh" data-icon="refresh">Refresh</button>   
    </div> 	
    <div role="main" class="ui-content">


    </div> 
</div>

JavaScript

$(document).on("pagecreate","#page2", function(){ 
   $('#refresh').on('click', function (e) {
      refreshPage();
   });
});


function refreshPage() {
  var curPageID = $( ":mobile-pagecontainer" ).pagecontainer( "getActivePage" ).prop("id");
  $( ":mobile-pagecontainer" ).pagecontainer( "change", "#" + curPageID, { 
    allowSamePageTransition : true,
  });
}