title: Jquery-Mobile: How to reload/refresh the internal page
body: <p>I have 2 pages(i.e., page_1 and page_2) in the container page(i.e., page.html).In the first page i have only one button if you click on that then it will navigates to the second page.when you come back from the second page to First page and once again click on the button for navigating to the second page at this time i want to reload/refresh the page. i tried but i am not getting please can anybody help me.</p>
  
  <p>Here the code:</p>
  
  <pre><code>  &lt;div data-role="page" id="page_1" &gt;    
  
          &lt;div data-role="content" id="contentlogin"&gt;         
              &lt;a href="#"  onclick="refresh();" data-role="button" id="login"&gt;Navigation&lt;/a&gt;                          
          &lt;/div&gt;             
      &lt;/div&gt; 
  
     &lt;div data-role="page" id="page_2" &gt;    
  
          &lt;div data-role="content" id="contentlogin"&gt;         
              //Some Form elements are there      
          &lt;/div&gt;             
      &lt;/div&gt; 
  
  &lt;script type="text/javascript"&gt;
   function refresh()
   {                                            
             $.mobile.changePage($("#page_2"), {transition: "pop",reloadPage: true});
   }    
  &lt;/script&gt;
  </code></pre>
  
  <p>thanks</p>