ionic $state.go() Won't change state, No Error in Inspect Elements
<p>For some reason ui router won't change state or does change it but it does not render it, 
here is my code</p>

<pre><code>    angular.module('splash', ['ionic'])

    .run(function($ionicPlatform) {
      $ionicPlatform.ready(function() {
        // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
        // for form inputs)
        if (window.cordova &amp;&amp; window.cordova.plugins.Keyboard) {
          cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
          cordova.plugins.Keyboard.disableScroll(true);

        }
        if (window.StatusBar) {
          // org.apache.cordova.statusbar required
          StatusBar.styleDefault();
        }
      });
    })


    .config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
      $stateProvider

        .state('splash', {
        url: '/splash',

        templateUrl: '/splash.html',
      })

      .state('splash.login', {
        url: '/login',
        views: {
          'menuContent': {
            templateUrl: 'login.html',
            controller: "SplashCtrl"
          }
        }
      })

      .state('splash.register', {
          url: '/register',
          views: {
            'menuContent': {
              templateUrl: 'register.html',
              controller: "SplashCtrl"
            }
          }
        })
      // if none of the above states are matched, use this as the fallback
      $urlRouterProvider.otherwise('/splash');
    }])

    .controller('SplashCtrl', function($scope, $state) {
        $scope.go = function(state) {
            $state.go(state);
        }

    });
</code></pre>

<p>is there anything wrong with what I am doing? in the html file I only add the ng-app directive, it loads the first state without any problems but it does not change states
kindly help me in this regard if you have any idea
Thanks in Advance</p>