title: Form within another form - using Blueimp file uploader within another form
body: <p>I'm building a sort of internal communication tool, where users can post comments and attach files. </p>
  
  <p>I'm using the blue imp file uploader: <a href="https://github.com/blueimp/jQuery-File-Upload/" rel="nofollow noreferrer">https://github.com/blueimp/jQuery-File-Upload/</a></p>
  
  <p>And I made a jsfiddle here: <a href="http://jsfiddle.net/denislexic/s56xG/12/" rel="nofollow noreferrer">http://jsfiddle.net/denislexic/s56xG/12/</a></p>
  
  <p>But to simplify, I made an extract here:</p>
  
  <pre><code>&lt;form action="/path/to/submit/" method="post" style="padding:10px;"&gt;
      &lt;textarea style="display:block; width:60%;"&gt;&lt;/textarea&gt;
  
  
      &lt;form id="fileupload" action="server/php/" method="POST" enctype="multipart/form-data"&gt;
          &lt;!-- Blue imp form stuff in here --&gt;
      &lt;/form&gt;
  
  
      &lt;a href="#" class="btn JS_fileUpload"&gt;Attach file&lt;/a&gt;
      &lt;button type="submit" class="btn btn-primary"&gt;Post&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The problem is that, design wise, I really need the Submit button to be after the textarea and file uploader, and the file uploader has to be in between...so that means I have to have nested forms (which doesn't doesn't work)? Is there another solution?</p>
  
  <p>PS: I've seen this question, but doesn't seem relevant: <a href="https://stackoverflow.com/questions/1603871/submitting-form-located-within-another-form">Submitting form located within another form</a></p>
  
  <p>Thanks in advance for any help.</p>