title: Using Jquery functionality inside angularjs controllers is not updating DOM elements
body: <p>I am working on a angular application where i wrote some jquery selectors inside the angular controller and inside the jquery code i am trying to use ng-model element like below</p>
  
  <pre><code>    app.controller('forgotpasswordController', ['$scope', function ($scope) {
      $scope.check=function (elem) {
      if ($(elem).find('a[data-toggle="tab"]').attr('name') == "recoveryQue") {
                      debugger;
      if($scope.Password==""||$scope.Password==undefined)
      {
          $scope.passwordResetModel.failuremessage = "Enter New Password.";
          return;    
      }
                      $scope.resetForgotPwd(function (data) {
                          if (data) {
                              $(elem).toggleClass('disabled');
                              $(elem).find('a[data-toggle="tab"]').attr('data-original-title', 'Password Recovery Questions Saved.');
                              $('.active').toggleClass('active')
                              $('#' + $(elem).next().find('a[data-toggle="tab"]').attr('aria-controls')).toggleClass('active');
                              $(elem).next().find('a[data-toggle="tab"]').click();
                          }
                      })
                  }
  }
      ]});
  </code></pre>
  
  <p>In the above code if call the <code>$scope.check()</code> without giving a value to <code>$scope.Password</code>, then the if condition is being satisfied and failuremessage value is getting set. but i can't see the failuremessage in the UI.</p>
  
  <p>But if i do any operation like entering some text in any of the textbox in the form then failuremessage is getting populated on the UI.</p>
  
  <p>Any help would be greatly appreciated. Thanks</p>