title: Updating a ng-repeat filter after programmatically updating a text input
body: <p>I am using jQuery auto-complete to start filling in values for users who type into a text input.</p>
  
  <pre><code>&lt;input type="text" ng-model="tags" name="tags" id="tags" value="" /&gt;
  </code></pre>
  
  <p>Later on my ng-repeat is filtering things based on that text</p>
  
  <pre><code>&lt;div ng-repeat="ability in abilities | tagsFilter:tags"&gt;
   {{ ability }}
  &lt;/div&gt;
  </code></pre>
  
  <p>Inside jQuery auto-complete, there is a callback function for when a user selects an item from the auto-complete drop down.</p>
  
  <pre><code>    select: function( event, ui ) {
        var terms = split( this.value );
        // remove the current input
        terms.pop();
        // add the selected item
        terms.push( ui.item.value );
        // add placeholder to get the comma-and-space at the end
        terms.push( "" );
        this.value = terms.join( ", " );
  
        // I Want to tell angularJS to update
  
        return false;
      }
  </code></pre>
  
  <p>How would I tell my ng-repeat to update?</p>
  
  <p>I tried looking into $scope.apply() but $scope is not in scope for the jQuery callback.</p>