Submit form with enter key/hide submit button
<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>
