title: Angular Js : {{message}} is not replaced by some text
body: <p>Below is my very simple example where I am trying to implement controller.</p>
  
  <p>{{8/2}} is giving correct output i.e. <code>4</code> but  {{message}} remains same.</p>
  
  <p>It should be replaced by some value e.g. <code>First Controller</code></p>
  
  <p>I downloaded the angular js from <code>https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js</code></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app&gt;
  
  &lt;head&gt;
      &lt;script src="angular.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="style.css" /&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;h1&gt;{{8/2}}&lt;/h1&gt;
    &lt;div ng-controller="HomeController"&gt;
        {{message}} 
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Script.js</p>
  
  <pre><code>var HomeController = function($scope) {
  
    $scope.message = "First Controller";
  
  };
  </code></pre>