title: jQuery on vs bind for invalid event type
body: <p>Given the following HTML:</p>
  
  <pre><code>&lt;form&gt;
    &lt;input type="number" required&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The following javascript works fine:</p>
  
  <pre><code>(function( jQuery ) {
  
      jQuery("input").bind("invalid", function(event) {
          console.log(event.type);
      });
  
  })( jQuery );  
  </code></pre>
  
  <p>But this javascript code does not:</p>
  
  <pre><code>(function( jQuery ) {
  
      jQuery("form").on("invalid", "input", function(event) {
          console.log(event.type);
      });
  
  })( jQuery );
  </code></pre>
  
  <p>Anyone got any idea why?</p>
  
  <p>EDIT: Updated fiddle to correct one: <a href="http://jsfiddle.net/PEpRM/1" rel="noreferrer">http://jsfiddle.net/PEpRM/1</a></p>