title: ionic side menu does not appear
body: <p>So I'm trying to use ionic to build a simple mobile app. I've looked at ionic tutorials and googled quite a bit but I'm not quite getting it. I have created a nav bar that shows up on every page by adding this code to the index.html page:</p>
  
  <pre><code>   &lt;body ng-app="starter"&gt;
     &lt;ion-nav-bar class="bar-stable nav-title-slide-ios7"&gt;
        &lt;ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back"&gt;
        &lt;/ion-nav-back-button&gt;
      &lt;/ion-nav-bar&gt;
      &lt;ion-nav-view&gt;
      &lt;/ion-nav-view&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>I added a navicon to the right side of the nav bar on one of my pages with this code:</p>
  
  <pre><code>&lt;ion-view title="Hanzi Options"&gt;
    &lt;ion-nav-buttons side="right"&gt;
      &lt;button menu-toggle="right" class="button button-icon icon ion-navicon" &gt;
      &lt;/button&gt;
    &lt;/ion-nav-buttons&gt;
    &lt;ion-content&gt;...etc
  </code></pre>
  
  <p>I would like to be able to click on the navicon and see a side menu containing a basic html page called sidemenu.html that is located in the templates folder. Here is the start of the code in that file:</p>
  
  <pre><code>&lt;ion-side-menus&gt;
  
    &lt;ion-pane ion-side-menu-content&gt;
      &lt;ion-nav-bar class="bar-stable 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-stable"&gt;
        &lt;h1 class="title"&gt;Navigate&lt;/h1&gt;
      &lt;/header&gt;
      &lt;ion-content class="has-header"&gt;
        &lt;ion-list&gt;
          &lt;ion-item nav-clear menu-close href="#/friends"&gt;
            Friends
          &lt;/ion-item&gt;...etc
  </code></pre>
  
  <p>I added this code to my app.js file in the .config section:</p>
  
  <pre><code>.state('app.sidemenu', {
    url: "/sidemenu",
    abstract: true,
    templateUrl: "templates/sidemenu.html",
    controller: 'NavCtrl'
  })
  </code></pre>
  
  <p>and an empty NavCtrl to my controllers.js file:</p>
  
  <pre><code>.controller('NavCtrl', function($scope) {
  });
  </code></pre>
  
  <p>I suspect that maybe my .state code isn't quite right but not sure. Also, do I need to add something to the NavCtrl controller to open/close the side menu? Many thanks in advance!</p>