title: Routing in ionic with nested tabs does not work
body: <p>Hello i am new to both ionic and angular js. I just started the framework yesterday but i am really stuck in the process below.
  I am trying to create a nested tab views inside another view. However it's not working. 
  so this is the listing part my menu view for tabs:</p>
  
  <pre><code>    &lt;ion-item class="item-icon-left" menu-close href="#/app/browse"&gt;
        &lt;i class="icon ion-ios-stopwatch"&gt;&lt;/i&gt;
        browse
      &lt;/ion-item&gt;
      &lt;ion-item class="item-icon-left" menu-close href="#/app/tab"&gt;
        &lt;i class="icon ion-ios-calendar"&gt;&lt;/i&gt;
        tabs
      &lt;/ion-item&gt;
  </code></pre>
  
  <p>this is my tabs view: </p>
  
  <pre><code>    &lt;ion-view view-title="Tabs"&gt;
        &lt;ion-content&gt;
          &lt;ion-tabs class="tabs-icon-top tabs-color-active-positive"&gt;
            &lt;ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/app/tab/dash"&gt;
              &lt;ion-nav-view name="tab-dash"&gt;&lt;/ion-nav-view&gt;
            &lt;/ion-tab&gt;
            &lt;ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/app/tab/chats"&gt;
              &lt;ion-nav-view name="tab-chats"&gt;&lt;/ion-nav-view&gt;
            &lt;/ion-tab&gt;
  
            &lt;ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/app/tabs/account"&gt;
              &lt;ion-nav-view name="tab-account"&gt;&lt;/ion-nav-view&gt;
            &lt;/ion-tab&gt;
  
  
          &lt;/ion-tabs&gt;
  
        &lt;/ion-content&gt;
      &lt;/ion-view&gt;
  </code></pre>
  
  <p>the angular js script for routing: </p>
  
  <pre><code>  .state('app', {
      url: "/app",
      abstract: true,
      templateUrl: "templates/menu.html",
      controller: 'AppCtrl'
    })
    .state('app.browse', {
      url: "/browse",
      views: {
        'menuContent': {
          templateUrl: "templates/browse.html"
        }
      }
    })    
    .state('app.tab',{
      url: "/tab",
      abstract: true,
      views: {
        'menuContent': {
          templateUrl: "templates/tabs.html"
        }
      }
    })
    .state('app.tab.dash',{
      url: "/dash",
      views: {
        'tab-dash': {
          templateUrl: "templates/tab-dash.html"
        }
      }
    })
  </code></pre>
  
  <p>from the menu list the browse state works fine
  however the tabs state does not load with above script but loads if i remove its abstract property. Not to mention the nested dash state of the tabs never loads</p>