title: ngRoute not working / partials not loading
body: <p>I'm not getting any error messages, so I'm not sure what's wrong, but my partials do not load in the "main div" when I click on the links to them. I'm not totally sure if my controller and my route provider should be in separate js folders, but I saw a lot of examples of the controller and the route provider being in the same file, so I thought I'd try that. I'm running a SimpleHTTPServer to check this. Any ideas?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;html ng-init ng-app="vegApp"&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" text="text/css" href="css/bootstrap.css"&gt;
  &lt;link rel="stylesheet" text="text/css" href="css/style.css"&gt;
  &lt;script type="text/javascript" src="angular/js/angular.js"&gt;&lt;/script&gt;
  &lt;script src="text/javascript" src="angular/js/angular-route.js"&gt;&lt;/script&gt;   
  &lt;script type="text/javascript" src="js/jquery-1.11.2.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="app/app.js"&gt;&lt;/script&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body ng-controller='itemListController'&gt;  
   &lt;div class="sidebar"&gt;
   &lt;h3&gt; &lt;a href="#/login"&gt;log in&lt;/a&gt;&lt;/h3&gt;
  &lt;h3&gt; &lt;a href="#/moreinfo"&gt;more info&lt;/a&gt;&lt;/h3&gt;
  &lt;h3&gt; &lt;a href="#/recipes"&gt;recipes&lt;/a&gt;&lt;/h3&gt;
   &lt;/div&gt;
  
   &lt;div class="main"&gt;
  &lt;ng-view=" "&gt;&lt;/ng-view&gt;
  
   &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>APP.JS:</p>
  
  <pre><code>var vegApp = angular.module("vegApp", ["ngRoute", "itemListController"]);
  var itemListController = angular.module("itemListController", []);
  
  vegApp.config(['$routeProvider', function($routeProvider){
  
      $routeProvider
      .when('/', {
          templateUrl: 'partials/itemlist.html',
          controller: 'itemListController'
      })
      .when('/login', {
          templateUrl: 'partials/login.html',
          controller: 'itemListController'
      })
      .when('/moreinfo', {
          templateUrl: 'partials/moreinfo.html',
          controller: 'itemListController'
      })
      .when('/recipes', {
          templateUrl: 'partials/recipes.html',
          controller: 'itemListController'
      })
      .otherwise({
          redirectTo: '/login'
      });
  }
  ]);
  
  var vegApp = angular.module('vegApp', [])
  .controller('itemListController', function ($scope){
  $scope.new_item = {};
  
  $scope.items = [
          {imageurl: 'images/strawberry.png', type: 'strawberry', name: 'Herbert Strawberry', occupation: 'dogwalker', superpower: 'power-C boost'},
          {imageurl: 'images/blueberry.png', type: 'blueberry', name: 'Ulysses Blueberry', occupation: 'construction worker', superpower: 'super strength' },
      ];
  
  });
  </code></pre>