title: Submitting a nested form, weird behavior
body: <p>I have a ad banner that has a form and this is used by 3rd party site owners that grab this code and have this banner on there site.</p>
  <p>Since some sites that use this banner have a <code>&lt;form&gt;</code> wrapping there entire site I have found that the banners form doesn't submit it rather submits the outer form.</p>
  <h3>Here is the code:</h3>
  <pre><code>  &lt;form onSubmit=&quot;return alert('outer form submitted')&quot;&gt;
  
      &lt;!-- only if i add this empty form it submits the inner --&gt;
           &lt;form&gt;&lt;/form&gt;
      &lt;!-- End Empty form --&gt;
  
      &lt;!-- inner form --&gt;
        &lt;form onSubmit=&quot;return alert('inner form submitted')&quot; &gt; 
             &lt;input type=&quot;submit&quot; /&gt; 
        &lt;/form&gt; 
      &lt;!--end  inner form --&gt;
  
   &lt;/form&gt; 
  </code></pre>
  <p>As you can see only if I add a empty <code>&lt;form&gt;</code>  before the inner <code>&lt;form&gt;</code> it alert (submits) the inner, otherwise it submits the outer.</p>
  <p>What is the best way to code a banner ad for a site with a form?</p>