Cannot resolve new state from starting state

Im trying to use state routing with ion-nav-view. My states are defined as:

app.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('index', {
      url: '^/',
      templateUrl: '/templates/home.html'
    })
    .state('ussie', {
      url: '^/detail/:id',
      templateUrl: '/templates/detail.html'
    });

    // internal redirect to '/' as default
    $urlRouterProvider.otherwise("/");
});

Home page renders just fine but when I click on an item, it fails to load the detail view giving me an error:

Error: Could not resolve '/detail/0' from state 'index'
    at Object.transitionTo (http://localhost:8100/lib/ionic/js/ionic.bundle.js:33832:39)
    at Object.go (http://localhost:8100/lib/ionic/js/ionic.bundle.js:33715:19)
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:34805:20
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:22538:28
    at completeOutstandingRequest (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13040:10)
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:13347:7 ionic.bundle.js:18364

I am using ui-sref links in home.html to link to the detail page.