title: sending post data with jquery on form submission
body: <p>If I have this form which submits the post data to the page itself:</p>
  
  <pre><code>&lt;form method="post"&gt;
     &lt;input type="text" name="name"/&gt;
     &lt;input type="submit"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>How will I be able to use JavaScript/jQuery to inject an additional POST data. This would be easier if I only submit the form via ajax using any of the functions like <code>$.post()</code>, <code>$.get()</code>, or <code>$.ajax()</code>. But what I want to do here is to submit the form not via ajax.</p>
  
  <p>The additional data is in JavaScript. I'm thinking of just injecting a new hidden field into the DOM in which I will pass in the data so that it gets submitted with the form, but is there other way of doing it?</p>
  
  <p>Please comment if you need more code/explanation.</p>