Unable to `submit()` an html form after intercepting the submit with javascript
<p>I'm trying to intercept the submission of a form in order to change the value of my <code>keywords</code> label. </p>

<p>I have the following code:</p>

<pre><code>&lt;HTML&gt;
&lt;FORM name="searchForm" method="get" action="tmp.html" &gt;
&lt;input type="text" name="keywords" /&gt;
&lt;input type="button" name="submit" value="submit" onclick="formIntercept();"/&gt;
&lt;/FORM&gt;
&lt;SCRIPT language="JavaScript"&gt;
document.searchForm.keywords.focus();
function formIntercept( ) {
    var f = document.forms['searchForm'];
    f.keywords.value = 'boo';
    f.submit();
};
&lt;/SCRIPT&gt;
&lt;/HTML&gt;
</code></pre>

<p>When I run this in chrome and click the submit button the keywords label changes to <code>boo</code>, but the javascript console says:</p>

<pre><code> Uncaught TypeError: Property 'submit' of object &lt;#an HtmlFormElement&gt; is not a function.
</code></pre>

<p>How can I submit the form with the manipulated keywords?</p>
