title: Phonegap/Jquery Mobile Android app - Form submission affecting navigation
body: <p>I have built a jquerymobile Android app and all is working well other than a form submission issue which is driving me nuts.</p>
  
  <p>Basically - if you enter text and click the physical search button - the search function works great - but if you enter text and click the enter button the app navigates to the homepage....  How can I stop this happening?</p>
  
  <p>This is my form </p>
  
  <pre><code>&lt;form  class="srchForm" action="searchThis()"&gt;
      &lt;input type="search" class="srchInput"&gt;
      &lt;div class="clearBtn"&gt;&lt;span class="hidden"&gt;Clear&lt;/span&gt;&lt;/div&gt;
      &lt;div class="srchBtnOne"&gt;&lt;span class="hidden"&gt;Search&lt;/span&gt;&lt;/div&gt;
  &lt;/form&gt;
  
  
  function searchThis() {
  
       event.preventDefault();
  
       var inputDetails= $('.srchInput').val();
  
       $('.srchRes').empty();
       $('.srchRes').append('&lt;iframe frameborder="0" scrolling="no" width="300"    frameborder="0"   src="http://uc.dialogue.netsrch.jsp?query='+inputDetails+'&amp;searchMode=any&amp;indexGroup="  style=" border:none;background:#FFF; overflow:none; width:300px;"&gt;&lt;/iframe&gt;');
  }
  </code></pre>
  
  <p>I thought i'd solved this with the event.preventdefault();  but its still causing issues..
  Can anyone suggest anything?</p>
  
  <p>cheers
  paul</p>