title: Chrome is eating my first inner <form> -- why?
body: <p>Thanks to ASP.NET I get to learn the intracacies of getting away with &lt;form&gt; tags inside &lt;form&gt; tags.  I set up what I thought was a simple DOM that isn't working:</p>
  
  <pre><code>&lt;form id="Superform" action="javascript: return false;"&gt;
  &lt;form id="Subform1" action="javascript: return false;"&gt;
      form1
  &lt;/form&gt;
  &lt;form id="Subform2" action="javascript: return false;"&gt;
      form2
  &lt;/form&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>In this example, IE8 seems to work normally, but Chrome (18.0.1025.142 beta-m) seems to make <code>Subform1</code> disappear.  Does anyone know why?  Is this a Chrome/webkit bug?  I made a jsFiddle to test it - if you have other browsers handy, I'm curious of those results too.</p>
  
  <p>Try the example at <a href="http://jsfiddle.net/weQmk/9/" rel="noreferrer">http://jsfiddle.net/weQmk/9/</a>.</p>
  
  <p>In IE8 I get:</p>
  
  <pre><code>Forms my browser sees: 
  Superform
  Subform1
  Subform2
  </code></pre>
  
  <p>But in Chrome:</p>
  
  <pre><code>Forms my browser sees:
  Superform
  Subform2
  </code></pre>