title: Javascript: How to hijack input type=submit on click behavior?
body: <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>