title: Ui-sref not generating clickable links/not working
body: <p>I used ng-route for this before and it worked fine, but with UI Router, the links are not clickable anymore, or at least most of the time they aren't. When they are, which is very random, they don't display the html templates I'm using. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Tutorial&lt;/title&gt;
  
      &lt;script src="lib/angular/angular.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular/angular-ui-router.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;script src="js/controllers.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
     &lt;ng-view&gt;&lt;/ng-view&gt;
  
      &lt;ul class="menu"&gt;
          &lt;li&gt;&lt;a ui-sref="view1"&gt;view1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a ui-sref="view2"&gt;view2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>.js</p>
  
  <pre><code>angular.module('myApp', [
      'myApp.controllers',
      'ui.router'
      ]);
  
  angular.module('myApp').config(function($stateProvider, $urlRouterProvider) {
  
      $stateProvider.state('view1',{
          url: '/view1',
          controller:'Controller1',
          templateUrl:'/view1.html' 
      }).state('view2', {
          url: '/view2/:firstname/:lastname',
          controller: 'Controller2',
          resolve: {
              names: function() {
                  return ['Misko', 'Vojta', 'Brad'];
              }
          },
          templateUrl: '/view2.html'
      });
  
      $urlRouterProvider.otherwise('/view1');
  
  });
  
  
  angular.module('myApp.controllers', []).controller('Controller1', function($scope, $location, $state) {
  
      $scope.loadView2=function() {
          $state.go('view2', {
              firstname: $scope.firstname,
              lastname: $scope.lastname
          });
      };
  }).controller('Controller2', function($scope, $stateParams, names) {
      $scope.firstname = $stateParams.firstname;
      $scope.lastname = $stateParams.lastname;
      $scope.names = names;
  
  });
  </code></pre>
  
  <p>I'm following the instructions in the SitePoint ebook on AngularJS, so I'm not really sure what I'm doing wrong or what I missed. </p>
  
  <p><a href="http://plnkr.co/edit/amh3nZmyB7lC2IQi3DIn" rel="noreferrer">http://plnkr.co/edit/amh3nZmyB7lC2IQi3DIn</a></p>