title: Angular2 and jQuery 'change' events
body: <p>I have a hidden input to control the changes made by jQuery, which includes an event of angular2 <code>change</code>, like this</p>
  
  <pre><code>&lt;input id='input1' hidden (change)='onChange($event)'&gt;
  </code></pre>
  
  <p>Then in my case, I <em>have to</em> use jQuery to change value of this input, then trigger <code>change</code> event:</p>
  
  <pre><code>$('#input1').val('somevalue').trigger('change');
  </code></pre>
  
  <p>This <code>change</code> event that I triggered via jQuery only works with jQuery, but not Angular2:</p>
  
  <pre><code>//This is working
  $('#input').change(function(){
    console.log('Change made');
  })
  </code></pre>
  
  <p>In angular2 component:</p>
  
  <pre><code>//This is not working
  onChange(): void{
    console.log('Change made');
  }
  </code></pre>
  
  <p>How can I work around in this situation?</p>