title: Listen to submit event with two form on same page
body: <p>I'm creating a Javascript widget that <strong>generate a form</strong>, let's call it <code>#widget-form</code> created like this:</p>
  
  <pre><code>&lt;form autocomplete="off" id="widget-form"&gt;
      &lt;!-- Some inputs --&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I'm <strong>listening</strong> on <strong>submit</strong> event like this:</p>
  
  <pre><code>document.getElementById('widget-form').addEventListener('submit', function(event) {
      debugger;
  }
  </code></pre>
  
  <p>And everything works fine.</p>
  
  <p>BUT, when the widget is present on my Rails app webpage <strong>containing an another form</strong> (generated by <code>simple_form</code>), the Javascript is <strong>unable to catch</strong> my <code>#widget-form</code> submission event (my Chrome console don't breakpoint on <code>debugger;</code>)</p>
  
  <p><em>PS: The page just reload when I submit my <code>#widget-form</code> form.</em></p>
  
  <p>Is there a way to catch this event even if there is another form on the same webpage?</p>