title: AngularJS trigger ng-change not working
body: <p>I just want to simply trigger a change whenever I click a button. The change will just alert a text. However the trigger does not work please help.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="myApp"&gt;
  
    &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body ng-controller="myCtrl"&gt;
      &lt;input type="text" ng-model="first.name"&gt; &lt;br /&gt;
      &lt;input type="checkbox" ng-model="same" id="sames" ng-change="sameAsAbove(first, second)"&gt; Same as above &lt;br /&gt;
      &lt;select ng-model="change" id="changes" ng-change="changeOver()"&gt;
        &lt;option value="1"&gt;One&lt;/option&gt;
        &lt;option value="2"&gt;Two&lt;/option&gt;
        &lt;option value="3"&gt;Three&lt;/option&gt;
      &lt;/select&gt;
      &lt;input type="text" ng-model="second.name"&gt;
      &lt;input type="text" ng-model="second.school"&gt; 
      &lt;span ng-click="clickMe()"&gt;Click Me!&lt;/span&gt;
      &lt;!-- &lt;span id="clickMe"&gt;Click Me!&lt;/span&gt; --&gt;
      {{ same  }}
      &lt;script type="text/javascript"&gt;
        app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope){
          $scope.sameAsAbove = function(primary, receiver){
            receiver['name'] = primary['name'];
          };
          $scope.clickMe = function(){
           angular.element(document.getElementById('changes')).triggerHandler('change');
           // x = angular.element(document.getElementById('changes')).val();
           // alert(x);
          }
          $scope.changeOver = function(){
            alert("deam");
          }
        });
        $("#clickMe").click(function(){
          // alert("czxvzx");
          // $("#same").trigger("click");
          $("#changes").change();
        });
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is the link to plunker:
  <a href="http://plnkr.co/edit/zErS4DaTgR79SBLbtGOy?p=preview" rel="nofollow">http://plnkr.co/edit/zErS4DaTgR79SBLbtGOy?p=preview</a></p>