title: Manually triggering change event on input field with AngularJS
body: <p>I'm playing around with Angular JS and have a small blog feed where I have an input field with which to filter the displayed contents. Now, I've built my own "buzz cloud" (or whatever the word is), and am trying to implement it so that when one of the words are clicked, the updating of the input field will make the list filter correctly.</p>
  
  <p>But, when I set the value of my input field, the change event on it is not triggered. So I try triggering it manually with jQuery - still doesn't work.</p>
  
  <p>Code below:</p>
  
  <pre><code>&lt;aside&gt;
  &lt;div class="filters"&gt;
    Search: &lt;input id="searchField" ng-model="query"&gt;
  &lt;/div&gt;
  &lt;div class="buzz"&gt;
      &lt;h3&gt;Buzz&lt;/h3&gt;
      &lt;li ng-repeat="(key, value) in buzz" class="thumbnail"&gt;  
          &lt;a href="" style="font-size:{{value*10}}px" onclick="$('#searchField').val('{{key}}'); $('#searchField').trigger('change'); "&gt;{{key}}&lt;/a&gt;
      &lt;/li&gt;
  &lt;/div&gt;
  &lt;/aside&gt;
  </code></pre>