title: getting Uncaught Error: [$injector:modulerr] in angular js
body: <p>I am trying to create a basic from as below.</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/jquery-1.12.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/homepage.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body ng-app="BasicHttpAuthExample"&gt;
  
  &lt;div id="userController" ng-controller="userController"&gt;
      &lt;form novalidate class="simple-form"&gt;
          Name: &lt;input type="text" ng-model="user.name" /&gt;&lt;br /&gt;
          E-mail: &lt;input type="email" ng-model="user.email" /&gt;&lt;br /&gt;
          Gender: &lt;input type="radio" ng-model="user.gender" value="male" /&gt;male
          &lt;input type="radio" ng-model="user.gender" value="female" /&gt;female&lt;br /&gt;
          &lt;input type="button" ng-click="reset()" value="Reset" /&gt;
          &lt;input type="submit" ng-click="update(user)" value="Save" /&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and my javascript code is </p>
  
  <pre><code>var loginAppModule = angular.module('loginApp', []);
  
  loginAppModule.controller('userController',function($scope){
      $scope.alertValues  = function(){
          alert($scope.name);
      }
  });
  </code></pre>
  
  <p>When i am trying to run, i am getting "Uncaught Error: [$injector:modulerr]".</p>
  
  <p>I am new to angular js. Please somebody help me.</p>