title: Embed an HTML <form> within a larger <form>?
body: <p>I want to have an HTML form embedded in another form like so:</p>
  
  <pre><code>&lt;form id="form1"&gt;
    &lt;input name="val1"/&gt;
    &lt;form id="form2"&gt;
      &lt;input name="val2"/&gt;
      &lt;input type="button" name="Submit Form 2 ONLY"&gt;
    &lt;/form&gt;
  &lt;input type="button" name="Submit Form 1 data including form 2"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I need to submit the entirety of form1, but when I submit form2 I only want to submit the data in form2 (not everything in form1.)  Will this work?</p>