title: ngGrid injection into ng-app failed
body: <pre><code>Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
  Error: [$injector:modulerr] Failed to instantiate module ngGrid due to:
  Error: [$injector:nomod] Module 'ngGrid' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
  </code></pre>
  
  <p>Above is the error message I received. 
  I have loaded the ng-grid script AFTER angularjs, jquery.
  I injected it into app like this:</p>
  
  <pre><code>var myApp = angular.module('myApp', ['ui.bootstrap','ngRoute', 'ngResource','ngGrid'])
  .controller('myAppCtrl', myAppCtrl);
  </code></pre>
  
  <p>I wonder where did I do wrong?</p>
  
  <p><strong>===UPDATE</strong></p>
  
  <p>Here is my header</p>
  
  <pre><code>&lt;!-- Angular Libs --&gt;
  &lt;script type="text/javascript" src="/library/angularjs/1.2.9/angular.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/library/angularjs/1.2.9/angular-route.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/library/angularjs/1.2.9/angular-resource.js"&gt;&lt;/script&gt;
  &lt;!-- jQuery Libs --&gt;
  &lt;script type="text/javascript" src="/library/jquery/2.1.1/jquery.js"&gt;&lt;/script&gt;
  
  &lt;!-- Third-party Libs --&gt;
  &lt;script type="text/javascript" src="/library/angular-ui/bootstrap/0.11.0/ui-bootstrap-tpls.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/library/angular-ui/ng-grid3/2.0.7/ng-grid.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>They are all found. No error of 404 return in Chrome Inspector</p>