title: ng-include not working with script type="text/ng-template"
body: <p>Here is my Plunker:</p>
  
  <p><a href="http://plnkr.co/edit/oIei6gAU1Bxpo8VUIswt" rel="nofollow noreferrer">http://plnkr.co/edit/oIei6gAU1Bxpo8VUIswt</a></p>
  
  <p>When the button is clicked, the following should be inserted before the "Hello World!" span:</p>
  
  <pre><code>&lt;script type="text/ng-template" id="tempTest"&gt;
    &lt;div&gt;
      &lt;span&gt;Properly Inserted&lt;/span&gt; 
    &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>minus the script tags, of course.  </p>
  
  <p>I achieve this by dynamically inserting the following div:</p>
  
  <pre><code>&lt;div ng-include="tempTest"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>And then compiling it.  However, if you look at the log, the only thing that is left after the compilation is this:</p>
  
  <pre><code>&lt;!-- ngInclude: tempTest --&gt; 
  </code></pre>
  
  <p>What is going on here?  Why isn't my insert properly compiling?  the logic is as follows:</p>
  
  <pre><code>$scope.insert = function(){
      // Create elements //
      var container = angular.element('&lt;div id="compiled-container"&gt;&lt;/div&gt;');
      var element = angular.element('&lt;div ng-include="tempTest"&gt;&lt;/div&gt;');
  
      //Insert parent Container
      $('#greeting').before(container);
  
      // insert the element
      $animate.enter(element, container);
  
      // test insertion
      console.log("Before Compile: " +container.html() )
  
      $compile(element);
  
      //look again after compile
      console.log("After Compile:  " +container.html() )
  
  };
  </code></pre>