title: How to add DOM Elements (Angular directives) via jQuery's .append()?
body: <p>Is there any way to add an element that is an Angular directive with jQuery methods like <code>append()</code> and have Angular do its compilation/linking to make it work as though you'd included the directive in the first place?</p>
  
  <p>Example:</p>
  
  <pre><code>app.directive('myAngularDirective', [function () {
      ...
      // Lots of stuff in here; works when used normally but not when added via jQuery
  });
  
  $("body").append("&lt;my-angular-directive /&gt;");
  </code></pre>
  
  <p>It currently just appends an empty DOM element called "my-angular-directive," but Angular doesn't kick in and do its magic. </p>