title: OnClick bypasses form submit
body: <p>I have a form which is  made like this:</p>
  <pre><code>&lt;form id= 'lol' name = 'whyyyyy'&gt;
  &lt;input name='dumbo'&gt;
  &lt;input name='idiot'&gt;
  
  &lt;input type='submit' value='I have no idea why its like this' onclick='document.lol.submit()'&gt;
  &lt;/form&gt;
  </code></pre>
  <p>Now, I want to prevent the actual sending of the form, but so far all attempts failed.</p>
  <p>My current code looks like this:</p>
  <pre><code>$(document).ready(function(){
      $('form[name=&quot;whyyyyy&quot;]').submit(function(e){
         e.preventDefault();
          alert(1);
          return false;
       });
  })
  </code></pre>
  <p>but the inline submit command bypasses as it seems the jQuery function.</p>
  <p>Can someone shred light into it?</p>
  <p>EDIT:</p>
  <ol>
  <li>The form CANNOT be changed, I don't have permission to change.</li>
  <li>the on click code should trigger the submit function, it some complex validation wall of code in it. So I have to cache the submit action that it triggers, but I can't do that at moment.</li>
  <li>the submit function should be triggered on send but it does not get triggered.</li>
  </ol>
  <p>Here is an example of the code in jfiddle. As you can see it gets past by jQuery...</p>
  <p><a href="http://jsfiddle.net/StCPp/4/" rel="nofollow noreferrer">http://jsfiddle.net/StCPp/4/</a></p>