title: AngularJS $state.go is not redirecting to other page
body: <p>Below is my controller code,</p>
  
  <pre><code>app.controller('logoutCtrl', ['$scope', '$http','$window','$state',
    function ($scope, $http,$window,$state) {
  
          $scope.logout = function() {
            console.log('inside logmeout');
            delete $window.sessionStorage.token;
            $state.go('access.login');
          };
  
    }]);
  </code></pre>
  
  <p>HTML </p>
  
  <pre><code>&lt;li class="last" ng-controller="logoutCtrl"&gt;
      &lt;a href="" ng-click="logout()"&gt;
           &lt;i class="material-icons"&gt;lock&lt;/i&gt; Logout
      &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>app.router.js</p>
  
  <pre><code>            .state('access', {
                  url: '/access',
                  template: '&lt;div ui-view class=""&gt;&lt;/div&gt;'
              })
              .state('access.login', {
                  url: '/login',
                  templateUrl: 'partials/ui-login.html',
                  controller: 'LoginFormController',
                  resolve: {
                      deps: ['uiLoad',
                          function(uiLoad) {
                              return uiLoad.load(['scripts/controllers/login.js',
                                  '../bower_components/font-awesome/css/font-awesome.css']);
                          }
                      ]
                  }
              })
  </code></pre>
  
  <p>When clicking the logout i am not able to redirect to another state('access.login'). 
  The control is coming inside the logout() and able to print the console message and is deleting the token as well but redirect not happening..
  Can i get any help..</p>