Why Won't My HTML Recognize My Angular JS
<p>I'm attempting to learn Angular JS. I have written this small piece of code, but for some reason I cannot get the HTML to recognize the Angular.JS.</p>

<p>My index.html file:</p>

<pre><code>&lt;!DOCTYPE HTML&gt;
&lt;html ng-app="store"&gt;
   &lt;head&gt;
     &lt;link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css"/&gt;
   &lt;/head&gt;
   &lt;body&gt;
       &lt;div ng-controller = "storeController as store"&gt;
           &lt;h1&gt;{{store.product.name}}&lt;/h1&gt;
       &lt;/div&gt;
       &lt;script type = "text/javascript" src = "angular-1.2.29/angular.min.js"&gt;&lt;/script&gt;
       &lt;script type = "text/javascript" src= "app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>My app.JS file:</p>

<pre><code>(function () {
var app = angular.module('store', [ ]); 
app.controller('StoreController', function() {
    this.product = item;
});
var item = {
    name: 'stuff',
    price: 2.44,
    description: 'lame',
}
})();
</code></pre>

<p>My output is {{store.product.name}}, instead of the 'stuff' that i'm expecting.</p>