title: How do I get AngularJS to bind to HTML set by jQuery?
body: <p>For example, in the following fiddle:</p>
  
  <p><a href="http://jsfiddle.net/NFNvc/28/" rel="nofollow">http://jsfiddle.net/NFNvc/28/</a></p>
  
  <pre><code>var app = angular.module('myApp', []);
  
  app.controller('MainCtrl', function($scope) {
      $scope.test1 = 'Hello world';
      $scope.test2 = 'Hello new';
  });
  
  $(function() {
      $("#text").html("{{test2}}");
  });
  </code></pre>
  
  <p>AngularJS is not binding to the variable 'test2. How do I get it to do so?</p>