title: Angular ngChange not firing in firefox and safari
body: <p>I created a custom directive that works similar to Foundations custom dropdown. Basically I create a div and populate it with a ul with the options. Interacting with the div interacts with the actual select in the background. Eveyrthing works great in Chrome. The issue is when I select an option I use jQuery to trigger the change event for the select element. In chrome this in turn triggers the ng-change that is attached to it. For some reason this isn't triggered in Firefox and Safari. I would assume it should work the same as Chrome. I did some further testing and found that the change event DOES fire, but for some reason doesn't trigger Angular to fire it's ngChange method. I'm at a loss and need to get this done A.S.A.P. Any and all help is appreciated. </p>
  
  <p>[update]</p>
  
  <p>here is a simple code example</p>
  
  <pre><code>&lt;select ng-model="model" ng-change="changeFunc()"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>I have jQuery installed so the directive give me the $element wrapped in jQuery so I simply call</p>
  
  <pre><code>$element.trigger("change")
  </code></pre>
  
  <p>In Chrome this in turn triggers the changeFunc on the controller </p>