title: jQuery.change() not compatible with addEventListener?
body: <p>I am having this problem when using plain Javascript mixed with jQuery(two different libraries I am using). So for a text input field, the plain Javascript library rely on the change event binding added using addEventListener method. The other jQuery Plugin(datetimepicker) is used to change the field and a jQuery.change() method is triggered after the value is updated.</p>
  
  <p>The problem is, the listener is not triggered by the jQuery event.
  Here is some simple code to illustrate the issue.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  &lt;input id="abc"&gt;abc abc.&lt;/input&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  document.getElementById('abc').addEventListener("change", function(){
    alert('change event triggered');
   });
  $('#abc').change();
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Given the very simple html page like this, the event listener actually will not be triggered by the jQuery.change() method, so the alert box will not be displayed. If I change the input field manually, the event works fine.</p>
  
  <p>Follow up:
  If use jQuery for event binding and triggering, there is no problem.
  The problem is, I am using one library that is written in plain Javascript(JSONEditor[<a href="https://github.com/jdorn/json-editor]" rel="nofollow">https://github.com/jdorn/json-editor]</a>), and the event binding is added using the Javascript API, and other libraries I am using changed some input field and triggered the event with jQuery, and the event is not captured.</p>