Javascript: How to hijack input type=submit on click behavior?
<p>I got a button:
</p>

<p>Whenever I click on it, it submits to a form.</p>

<p>I want to hijack this behavior, so when I click, it calls a JS function instead. How do I do this? I added:</p>

<pre><code>$('input.submit').live('click', addFood);
</code></pre>

<p>The problem is it still submits to the form. When I remove "type="submit", it works. </p>

<p>I don't want to remove the HTML code. it'a also bound to CSS, and I don't want to change CSS because I'm afraid of messing it up =)</p>

<p>So question is: how do to change behavior of submit button so it doesn't submit to form but calls my Javascript (JQuery) function?</p>
