title: Could not resolve 'state1' from state 'state2'
body: <p>Im transitioning from one state to another using $state.go() like below:</p>
  
  <p><strong>$state.go('menuItem.list');</strong> </p>
  
  <p>This causes following error. </p>
  
  <p><strong><em>Could not resolve 'menuItem.list' from state 'branches.view'</em></strong></p>
  
  <p>Below are the state providers for menuItem and branch modules.</p>
  
  <p><strong>module : branch</strong> </p>
  
  <pre><code>.state('branches', {
    abstract: true,
    url: '/branches',
    template: '&lt;ui-view/&gt;'
  })
  .state('branches.list', {
    url: '',
    templateUrl: 'modules/branches/client/views/list-branches.client.view.html',
    controller: 'branchesListController',
    controllerAs: 'vm'
  })
  .state('branches.view', {
    url: '/:branchId',
    templateUrl: 'modules/branches/client/views/view-branch.client.view.html',
    controller: 'branchesController',
    controllerAs: 'vm'
  }) 
  </code></pre>
  
  <p><strong>module : menuItem</strong></p>
  
  <pre><code>.state('menuItems', {
    abstract: true,
    url: '/menuItems',
    template: '&lt;ui-view/&gt;'
  })
  .state('menuItems.list', {
    url: '',
    templateUrl: 'modules/menuItems/client/views/list-menuItems.client.view.html',
    controller: 'menuItemsListController',
    controllerAs: 'vm'
  })
  </code></pre>