title: Submit a form using Javascript with input named submit
body: <p>I have a HTML form where one of the inputs is called named <code>submit</code>
  I also have a nicely formatted HTML element inside the form which is supposed to submit the form on click.</p>
  
  <p>I noticed that form.submit is overridden by the input field which is named <code>submit</code> so I can't call <code>form.submit()</code> anymore.</p>
  
  <p>I've searched for an answer, the general response is to rename the input. However I cannot do that. <code>submit</code> most appear as a parameter with a value in the request body.</p>
  
  <p>Example code:</p>
  
  <pre><code>&lt;form action="http://example.com/search" method="POST"&gt;
      &lt;!-- other generated parameters --&gt;
      &lt;input value="findItems" name="submit" type="hidden"&gt;
      &lt;a onclick="event.stopPropagation();this.parentNode.submit()" href="javascript:{}"&gt;
          &lt;!-- this is dinamically generated 
              and generally much more complex ---&gt;
          &lt;strong&gt;search&lt;/strong&gt; 
      &lt;/a&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Keep in mind that my constraints are the following:</p>
  
  <ul>
  <li>the element which the users clicks to submit the form is contains other <em>formatted</em> elements</li>
  <li><code>submit</code> is a <strong>required</strong> parameter in the request body</li>
  <li>the request method must be <strong>POST</strong></li>
  <li>cannot make any modifications to the back-end</li>
  </ul>
  
  <p>PS: this is my first question on stack overflow, love this site.</p>