title: ionic sidemenu not showing up
body: <p>I am using ionic framework's sidemenu project to build something on top of it.
  I have created this <a href="http://plnkr.co/edit/jrXRnRnSrKHSKDF8HMLQ?p=preview" rel="nofollow">plunker</a> to demonstrate my problem.</p>
  
  <p>In the plunker, on the join page, when you click home, it shows blank screen. I can see that the HTML elements of sidemenu are all there, however, it doesnt showup on screen.</p>
  
  <p>If I change my sidemenu with tabs, it works fine.</p>
  
  <p>Does anyone know whats going on?</p>
  
  <p>My sidemenu template looks like this:</p>
  
  <pre><code>&lt;ion-side-menus&gt;
    &lt;ion-pane side-menu-content&gt;
      &lt;ion-nav-bar class="bar-dark nav-title-slide-ios7"&gt;
        &lt;ion-nav-back-button class="button-clear"&gt;&lt;i class="icon ion-ios7-arrow-back"&gt;&lt;/i&gt; Back&lt;/ion-nav-back-button&gt;
      &lt;/ion-nav-bar&gt;
      &lt;ion-nav-view name="menuContent" animation="slide-left-right"&gt;&lt;/ion-nav-view&gt;
    &lt;/ion-pane&gt;
  
    &lt;ion-side-menu side="left"&gt;
      &lt;header class="bar bar-header bar-dark"&gt;
        &lt;h1 class="title"&gt;Menu&lt;/h1&gt;
      &lt;/header&gt;
      &lt;ion-content class="has-header"&gt;
        &lt;ion-list&gt;
          &lt;ion-item nav-clear menu-close ui-sref="home"&gt;
            Search
          &lt;/ion-item&gt;
        &lt;/ion-list&gt;
      &lt;/ion-content&gt;
    &lt;/ion-side-menu&gt;
  &lt;/ion-side-menus&gt;
  </code></pre>
  
  <p>My states looks like this:</p>
  
  <pre><code>.config(function($stateProvider, $urlRouterProvider) {
  
      $stateProvider
  
      .state('app', {
        //url: "/app",
        abstract: true,
        templateUrl: "tpl.tabs.html",
        controller: 'AppCtrl'
      })
  
      .state('join', {
        url: "/join",
        views: {
          '': {
            templateUrl: "tpl.join.html",
            controller: 'joinCtrl'
          }
        }
      })
      .state('home', {
        parent: 'app',
        url: "/app",
        views: {
          'home': {
            templateUrl: "tpl.home.html",
            controller:'homeCtrl'
          }
        }
      })
      .state('menu', {
        parent: 'app',
        url: "/menu",
        views: {
          'menuContent': {
            templateUrl: "tpl.home.html",
          }
        }
      })
  
      // if none of the above states are matched, use this as the fallback
      $urlRouterProvider.otherwise('/join');
  
    })
  </code></pre>