title: $state.go not working - Error : $state isnot defined
body: <p>Hi im Very new Angulay js Ionic development. im trying to basic navigation when button is clicked. but im getting this error when i click the button in Firebug console . i want to navigate to the search page after it clicked</p>
  
  <p><code>Error : $state isnot defined</code></p>
  
  <p>Here my App.js Code</p>
  
  <pre><code>.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
  
    .state('signin', {
      url: "/sign-in",
      templateUrl: "templates/sign-in.html",
      controller: 'AppCtrl'
    })
  
    .state('app', {
      url: "/app",
      abstract: true,
      templateUrl: "templates/menu.html",
      controller: 'AppCtrl'
    })
  
    .state('app.search', {
      url: "/search",
      views: {
        'menuContent': {
          templateUrl: "templates/search.html"
        }
      }
    })
  
    // if none of the above states are matched, use this as the fallback
    $urlRouterProvider.otherwise('/sign-in');
  });
  </code></pre>
  
  <p>here my Controller</p>
  
  <pre><code>angular.module('starter.controllers', [])
  
  .controller('AppCtrl', function($scope, $ionicPopup, $timeout, $ionicModal) {
  
  
    $scope.signIn = function(user) {
      //console.log('Sign-In', user);
      $state.go('app.search');
    };
  
  
  
  })
  </code></pre>
  
  <p>My HTML button is </p>
  
  <pre><code>&lt;button class="button button-block button-positive" id="login-btn" ng-click="signIn(user)" type="submit"&gt;Log in&lt;/button&gt;
  </code></pre>