title: AngularJS not working with JQuery displayed html
body: <p>I have a Html page with a text box and am using a bit of AngularJS to display the count of characters remaining - </p>
  
  <pre><code>&lt;div ng-app="" class="container-fluid"&gt;
          &lt;form class="form" role="form"&gt;
              &lt;div class="form-group"&gt;
                  @Html.TextArea("Description", htmlAttributes: new { @class = "form-control", placeholder = "Description, ng_model = "descMessage" })
                  &lt;div&gt;
                      &lt;label&gt;{{ 500 - descMessage.length }}&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This works fine when I am simply displaying it as a partial view. I get correct count of chars remaining.</p>
  
  <pre><code>@Html.Partial("~/Views/Desc/Index.cshtml")
  </code></pre>
  
  <p>But does not work when I display it via JQuery. Instead of chars remaining, it always displays the actual text as - <code>{{ 500 - descMessage.length }}</code>. </p>
  
  <pre><code>var options = {
          url: "/Desc/Index",
          type: "get",
          dataType: "html"
      };
  
      $.ajax(options).done(function (data) {
          var $target = $("#displayform");
          $target.html(data);
  
      });
  </code></pre>
  
  <p>The AngularJS expression was supposed to be evaluated here. Why does this not happen? I have used JQuery a lot in my experience, but first time using AngularJS along with it. How can I go about fixing this?</p>