title: Submit form with enter key/hide submit button
body: <p>I am making a little jquerymobile page with a single input field to do a database search. The input is being done by a barcode reader that presses enter at the end. I would like to hide the submit button and have the form submit with the enter key. </p>
  
  <p>Ive tried bits and pieces of code read in other threads, but with no avail. Im a dunce when it comes to javascript.</p>
  
  <pre><code>&lt;script type="text/javascript" language="JavaScript"&gt;
      $(document).ready(function() {
          $('#submit').hide();
      });
  $('.noEnterSubmit').keypress(function(e){
      if ( e.which == 13 ) 
      $('form#search').submit();
      e.preventDefault();
      return false;
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>on top of that I have a button that focuses on the input field when pressed (because on iOS devices you cant force focus onload)</p>
  
  <pre><code>&lt;form action="#CGI.SCRIPNAME#" method="post" name="search"&gt;
  &lt;label for="season_pass_id"&gt;Season Pass ID&lt;/label&gt;
  &lt;input class="noEnterSubmit" type="password" name="season_pass_id"&gt;
  &lt;input id="submit" type="submit" name="submit" value="submit" &gt;
  &lt;input type="button" name="mybutton" value="Scan New" OnClick="document.search.season_pass_id.focus();"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>ultimately I would love to hide the input field and the submit button and only have the "Scan New" button</p>