Ionic side menu doesn't appear with the tabs in version 1.0 and above

I have created an app with Ionic side menu with tabs. The menu appears if I use ionic v0.9.27 but it doesn't appear if the version is 1.0 and above.

Where am I going wrong ?

HTML Structure

<ion-nav-view>
   <ion-side-menus>
       <ion-pane ion-side-menu-content>
           <ion-nav-view name="main"></ion-nav-view>         
       </ion-pane>
           <ion-side-menu side="left"> </ion-side-menu>
   </ion-side-menus>
</ion-nav-view>

Working with 0.9.27

Plnrk : http://plnkr.co/edit/Sdsam9Tef0cy4bydbrxq?p=preview

Not working with 1.0

Plnrk : http://plnkr.co/edit/swWJph?p=preview

Working with 1.0 but with code embedded in html

Plnkr : http://plnkr.co/edit/ty6m8Q8DNQssZLKzOP8W?p=info

It's fascinating it even worked before.

This is how it should work: http://plnkr.co/edit/cmJYiT?p=preview

Side menu should be embedded into index.html, everything else should be separated into other files.

index.html

    <!DOCTYPE html>
    <html ng-app="myApp">

        <head>
            <meta charset="utf-8" />
            <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
            <title>Ionic Framework Example</title>
            <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"/>
            <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
            <script src="app.js"></script>
        </head>

        <body>

         <ion-side-menus>

          <ion-pane ion-side-menu-content>
            <ion-nav-bar class="bar-positive nav-title-slide-ios7">
              <ion-nav-back-button class="button-icon"><span class="icon ion-ios7-arrow-left"></span></ion-nav-back-button>
            </ion-nav-bar>
            <ion-nav-view></ion-nav-view>
          </ion-pane>

          <ion-side-menu side="left">
            <ion-header-bar class="bar bar-header bar-dark"></ion-header-bar>
            <ion-content has-header="true">
              <ion-list>
                <ion-item href="#/" menu-close>Home</ion-item>
                <ion-item href="#/about" menu-close>About</ion-item>
              </ion-list>
            </ion-content>
          </ion-side-menu>

        </ion-side-menus> 

        </body>
    </html>

tabs.html

    <ion-view title="Home">

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" ng-click="openMenu()"></button>
      </ion-nav-buttons>


      <ion-tabs class="tabs-icon-top tabs-positive">

        <ion-tab title="Home" icon="ion-home" href="#/tab/home">
          <ion-nav-view name="home-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Settings" icon="ion-gear-a" href="#/tab/settings">
          <ion-nav-view name="settings-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Sign-Out" icon="ion-log-out">
        </ion-tab>

      </ion-tabs>
    </ion-view>

plus other pages.....