title: AngularJS with JQuery response content inside div
body: <p>I use JQuery post to communicate with server, and show the response inside a div. The response is an AngularJS script, like</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div ng-app="" ng-controller="formController" class="ng-scope"&gt;
    &lt;form novalidate="" class="ng-valid ng-dirty"&gt;
      First Name:&lt;br&gt;
      &lt;input type="text" ng-model="user.firstName.x" class="ng-valid ng-dirty"&gt;&lt;br&gt;
   &lt;input type="text" ng-model="user.firstName.y" class="ng-pristine ng-valid"&gt;&lt;br&gt;
      Last Name:&lt;br&gt;
      &lt;input type="text" ng-model="user.lastName" class="ng-pristine ng-valid"&gt;
      &lt;br&gt;&lt;br&gt;
    &lt;/form&gt;
    &lt;p class="ng-binding"&gt;form = {{user}}&lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But it does not work. Can anyone help me figure out the problem?</p>