title: AngularJS ng-include doesn't work
body: <p>Here is a source of the <code>main.html</code> file</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
          var myApp = angular.module ('myApp',[]);
          myApp.controller('myCtrl', function ($scope){
              $scope.name = "Tim";
              $scope.partialStuff = [ 'a', 'b', 'c' ];
              alert(window.angular.version.full);//1.3.14 is displayed
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app="myApp"&gt;
      &lt;div ng-controller="myCtrl"&gt;
              {{name}}
          &lt;div ng-repeat="partialVar in partialStuff"&gt;
              Hello: &lt;div ng-include src="'part.html'"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Also there is a <code>part.html</code>  that contains a plain text <code>'part'</code> - just several symbols. </p>
  
  <p>Both files <code>main.html</code> and <code>part.html</code> are located in the same folder.</p>
  
  <p>When I open <code>main.html</code> in the browser, I don't see three repeats of the content from <code>part.html</code> however I see three <code>Hello:</code>. Seems like <code>part.html</code> is not loaded.</p>
  
  <p>Why?</p>
  
  <p>Thank you.</p>
  
  <p><strong>Please place it within the body tag to make it work</strong></p>
  
  <pre><code>&lt;script type="text/ng-template" id="part.html"&gt;
    part
  &lt;/script&gt;
  </code></pre>