title: Why is a form's submit event not firing (jQuery)?
body: <p>I have a form + layout like so:</p>
  
  <pre><code>&lt;form ...&gt;
      &lt;div id="editor"&gt;
          [form html]
          &lt;input type="submit" value="Submit form" /&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And the following javascript:</p>
  
  <pre><code>$(function() {
      var form = $('#editor').parents('form');
      alert(form.length); // this alerts "1"
      $(document).on('submit', 'form', function() {
          alert('document form submit fired'); // this works as expected (alerts)
      });
      form.on('submit', function() {
          alert('selected form submit fired'); // this is never alerted
      });
  });
  </code></pre>
  
  <p>This form is not loaded via ajax. When the page loads, the first dialog alerts "1". However when submitting the form, only one alert is fired -- the one that triggers submit for all forms in the document. </p>
  
  <p>Why would this happen?</p>