title: jQuery $el.trigger('change') doesn't fire native listeners
body: <p>Consider the following HTML:</p>
  
  <pre><code>&lt;select value="val2"&gt;
    &lt;option value="val1"&gt;o1&lt;/option&gt;
    &lt;option value="val2"&gt;o2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And JavaScript (performed on document ready):</p>
  
  <pre><code>var $select = $('select');
  var select = $select.get(0);
  
  function logger(msg) {
      return function () { console.log(msg); };
  }
  
  $select.on('change', logger('jquery on select'));
  $(document).on('change', logger('jquery on document'));
  
  select.addEventListener('change', logger('native on select'), false);
  document.addEventListener('change', logger('native on document'), false);
  
  setTimeout(function () {
      console.log(' == programmatic ==');
      $select.trigger('change');
      console.log(' == now try manual ==');
  }, 1000);
  </code></pre>
  
  <p>This results to the following output in the console:</p>
  
  <pre><code> == programmatic ==
  jquery on select
  jquery on document
   == now try manual ==
  jquery on select
  native on select
  jquery on document
  native on document 
  </code></pre>
  
  <p>The question is: why are natively bound listeners not called? How make them be called?</p>
  
  <p>Here's also a jsFiddle: <a href="http://jsfiddle.net/PVJcf/" rel="noreferrer">http://jsfiddle.net/PVJcf/</a></p>
  
  <p>(Using jQuery 2.0.2)</p>