title: Why do my onsubmit event handlers only work once before requiring the page to be reloaded?
body: <p>The Start and Reset buttons trigger the input field text to change.<br>
  <strong>When I import: jquery.mobile-1.3.0.min.js<br>
  I have to reload the page for the buttons to events to be retriggered.</strong></p>
  
  <p>It works perfectly if I just use Jquery-1.8.2.</p>
  
  <p>How do I stop the required reload with the Jquery mobile UI?</p>
  
  <p>I'm using Firefox 19.02.</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;   
  &lt;html&gt;   
      &lt;head&gt;    
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;   
  
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /&gt;  
      &lt;script src="http://code.jquery.com/jquery-1.8.2.min.js"&gt;&lt;/script&gt;  
      &lt;script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"&gt;&lt;/script&gt;  
  
  &lt;/head&gt;   
  
  &lt;body&gt;   
  
  &lt;form id='testform' action="#"&gt;  
      &lt;fieldset&gt;  
          &lt;label for="timer"&gt;  
              &lt;span&gt;Event triggered&lt;/span&gt;  
              &lt;input type='text' name='triggered'&gt;  
          &lt;/label&gt;  
      &lt;/fieldset&gt;  
      &lt;fieldset&gt;  
       &lt;input value="Start" type="submit"&gt;  
       &lt;input value="Reset" type="reset"&gt;  
       &lt;/fieldset&gt;  
  &lt;/form&gt;  
  &lt;script type="text/javascript"&gt;  
  
  //bind a submit handler to the sample form  
  document.getElementById('testform').onsubmit = function()  
  {  
     $("input[name='triggered']").val("Start button clicked.");  
  
      // cancel the normal submit  
      return false;  
  };  
  
  document.getElementById('testform').onreset = function()  
  {  
      $("input[name='triggered']").val("Reset clicked.");  
  
      //cancel the normal rest  
      return false;  
  };  
  
  &lt;/script&gt;  
  &lt;/body&gt;  
  &lt;/html&gt;  
  </code></pre>