title: jQuery Multiple Forms Submit
body: <p>I have 4 forms on a page. I know that forms cannot be nested.</p>
  
  <p><code>&lt;form id="form1"&gt;&lt;/form&gt;</code></p>
  
  <p><code>&lt;form id="form2"&gt;&lt;/form&gt;</code></p>
  
  <p><code>&lt;form id="form3"&gt;&lt;/form&gt;</code></p>
  
  <p><code>&lt;form id="form4"&gt;&lt;/form&gt;</code></p>
  
  <p>presented in that order.</p>
  
  <p>Form 1 and Form 4 post to same php page for processing.
  Form 1 have 1 input field
  Form 4 have multiple fields, checkboxes and selects.</p>
  
  <p>What is the best approach for both form 1 or form 4 sending the combined fields of both forms?</p>
  
  <p>I've tried jQuery, works great for text input and checkbox, but can't get it to work with Select.
  Tried combining form 1 and form 4 and using css to repositioning form 1, but can't get the layout right.</p>
  
  <p>Is there something simpler to do this?</p>