title: template not loading using ng-include
body: <p>I learned about ng-include and used it for templates but I am not able to include the page.</p>
  
  <p>The index.html and menu.html are in the same directory and menu.html is to be loaded in index.html</p>
  
  <pre><code>&lt;ng-include src="'menu.html'"&gt;&lt;/ng-include&gt;
  </code></pre>
  
  <p>I have included the app's name in index.html. 
  I want to include menu.html between header and footer. So I have deleted everything in the menu.html except the container div which I want to include. The links and references have also been properly set in index.html</p>
  
  <p>I am really stuck here. Please help me out! Thanks.</p>
  
  <p><strong>edit:</strong>
  Here is my project structure - </p>
  
  <pre><code>Project-
         app-
             fonts-...
             images-...
             scripts-
                     app.js
                     controllers.js
                     services.js
             styles-...
             index.html
             menu.html
         ...
  </code></pre>
  
  <p><strong>edit -2</strong></p>
  
  <p>I just found out that when I change my browser, i.e. from chrome to firefox, it loads successfully! Now why is this happening?</p>