Update Angular model with jQuery value

updated answer:

I think that it does not work, because Angular is probably not aware of the change. Try to call $scope.$digest() after you update the model or add the function inside of $scope.$apply(function() { $.....});

Instead of using jQuery, you can just add a function in your controller which assigns the value to the ng-model.

e.g.

<input type="text" ng-model="data.input" />
<button ng-click="autoFill()">Click me</button>

and in your controller

$scope.autoFill = function() {
    $scope.data.input = "Hello World!";
};

Since, you are updating the text field value outside of Angular's context, you need to tell Angular to reload the changes in $scope. So if you have access to scope variable, directly call $apply() after setting the value of input field via jQuyery:

$scope.$apply();

But if you don't have access to $scope, you can use any of the parent element or the input field itself to get the scope:

Suppose your HTML looks like this:

<div id="foo">
    <input type="text" class="rating" ng-model="review.Rating" ng-change="change()" />
</div>

Then do this:

angular.element(document.querySelector("#foo")).scope().$apply();

Try using ng-focus instead of ng-change