title: Can't span form over multiple divs
body: <p>Whenever I use a <code>&lt;form&gt;</code> that's separated by the closing <code>&lt;/form&gt;</code> via a <code>&lt;/div&gt;</code>, the browser (chrome &amp; firefox at least) closes the <code>&lt;form&gt;</code> tag. Below is the sample code</p>
  
  <pre><code>&lt;div class="modal-body"&gt;
    &lt;form method="post" action="/api/users/"&gt;
      &lt;textarea name="description"&gt;
      &lt;/textarea&gt;
  &lt;/div&gt;
  &lt;div class="modal-footer"&gt;
    &lt;input type="submit" class="btn btn-primary" value="Submit" /&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the <a href="http://jsfiddle.net/kevins8/BBfXb/" rel="nofollow">fiddle</a></p>