title: jQuery Submit not working with <a>
body: <p>I am trying to make a link submit a form. How come when I name a submit input element <code>submit</code>, the link no longer works?</p>
  
  <pre><code> //breaks form submission
   &lt;input type="submit" value="Submit" name="submit" /&gt;
  
   //does not break form submission
   &lt;input type="submit" value="Submit" name="xsubmit" /&gt;
  </code></pre>
  
  <p>In Chrome I receive the following error.</p>
  
  <pre><code>Uncaught TypeError: Property 'submit' of object #&lt;HTMLFormElement&gt; is not a function
  </code></pre>
  
  <p>NOT Working</p>
  
  <pre><code>&lt;p&gt;Type 'correct' to validate.&lt;/p&gt;
    &lt;form method="post" enctype="multipart/form-data"&gt;
      &lt;input type="submit" value="Submit" name="submit" /&gt;
  
      &lt;a id="btn_submit"&gt;
          &lt;span id="txt_submit"&gt;Submit&lt;/span&gt;
      &lt;/a&gt;
    &lt;/form&gt;
  
  &lt;script&gt;
  
  $("#btn_submit").click(function() {
       $("form").submit();
      });
  
      $("form").submit(function() {
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>WORKING</p>
  
  <pre><code> &lt;p&gt;Type 'correct' to validate.&lt;/p&gt;
    &lt;form method="post" enctype="multipart/form-data"&gt;
      &lt;input type="submit" value="Submit" name="xsubmit" /&gt;
  
      &lt;a id="btn_submit"&gt;
          &lt;span id="txt_submit"&gt;Submit&lt;/span&gt;
      &lt;/a&gt;
    &lt;/form&gt;
  
  &lt;script&gt;
  
  $("#btn_submit").click(function() {
       $("form").submit();
      });
  
      $("form").submit(function() {
  
      });
  &lt;/script&gt;
  </code></pre>