title: How to clear text field value of an external page in jQueryMobile
body: <p>I have two pages index.html and external.html.In index.html i have two text field. Inserting some text in those text field and clicking on a button i goes to external.html page.This external.html page has one button linking to index.html. When in click in that button it moves me to index.html. </p>
  
  <p>Now the problem is when i move from external.html to index.html,  the  text fields remainds its previous value. i wanted it to clear its previous value when coming to index.html page. How to do that, please help me. </p>
  
  <p>index.html </p>
  
  <p></p>
  
  <pre><code>&lt;section id="firstpage" data-role="page"&gt;
      &lt;header data-role="header" data-position="fixed"&gt;      
          &lt;h1&gt;First&lt;/h1&gt;
      &lt;/header&gt;
  
      &lt;div data-role="content" &gt;
  
      &lt;script type="text/javascript" &gt;
          $( function(){
              $( '#name_field' ).val( "" );
  
          });
  
  
          $(document).ready(function () {
            $('.clearme').focus(function() {
              $(this).val("");
            });
          });
  
      &lt;/script&gt;
  
  
      &lt;label for="name" &gt;Name:&lt;/label&gt;
      &lt;input type="text" name="name" id="name_field" value="" class="clearme" placeholder="Enter Name"/&gt;
  
      &lt;label for="email"&gt;Email:&lt;/label&gt;
      &lt;input type="email" name="email" id="email_field" value="" placeholder="Enter Email Id" /&gt;
  
      &lt;input type="submit" id="button" value="External Page" data-theme="b"  onclick="_gotopage( 'http://localhost/test/external.html' );"/&gt;
      &lt;/div&gt;
  
      &lt;footer data-role="footer" data-theme="d" &gt;    
  
      &lt;/footer&gt;   
  &lt;/section&gt;
  </code></pre>
  
  <p>external.html</p>
  
  <pre><code>&lt;section id="secondpage" data-role="page"&gt;
      &lt;header data-role="header" data-position="fixed"&gt;      
          &lt;h1&gt;External&lt;/h1&gt;
      &lt;/header&gt;
  
      &lt;div data-role="content" &gt;
  
      &lt;script type="text/javascript" &gt;
  
  
      &lt;/script&gt;
             &lt;input type="submit" id="comment_enter_button" value="Index Page" data-theme="b"  onclick="_gotopage( 'http://localhost/test/index.html' );"/&gt;
      &lt;/div&gt;
  
      &lt;footer data-role="footer" data-theme="d" &gt;    
  
      &lt;/footer&gt;   
  &lt;/section&gt;
  </code></pre>
  
  <p>script.js</p>
  
  <pre><code>function gotopage( gotopage )
  { 
    $.mobile.changePage($( gotopage ), { transition: "slide"});
  }
  
  
  
  function _gotopage( page )
  {
    $.mobile.changePage( page);
  }
  </code></pre>