title: OnsenUi getCurrentPage() gives empty object
body: <p>I am building a hybrid mobile app with Onsen UI and I have a problem with navigating and transferring data between two pages. My starting page is index.html and it contains a main.html ons-template and an ons-navigation and an ons-page element inside each-other. The structrue of the index.html is:</p>
  
  <pre><code>&lt;body&gt;
    &lt;ons-sliding-menu main-page="main.html" menu-page="menu.html" side="left" type="reveal" var="menu"&gt;
    &lt;/ons-sliding-menu&gt;
  
    &lt;ons-template id="main.html"&gt;
      &lt;ons-navigator var="navi"&gt;
        &lt;ons-page id="main-page" class="main-page" ng-controller="MainPage"&gt;
        &lt;/ons-page&gt;
      &lt;/ons-navigator&gt;
    &lt;/ons-template&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I'd like to get the data sent back from search-city.html through the options of popPage() function, but when I try to get the currentPage object of the navigator it gives me an empty page object without name and options.</p>
  
  <p>In chrome console:</p>
  
  <pre><code>Class {page: "", name: "", element: JQLite[1], pageScope: Object, options: Object…}
  </code></pre>
  
  <p>It is only empty when it tries to get the main page. Also when I run getPages() in search-city.html controller, the first page is empty and the search-city.html is fine:</p>
  
  <pre><code>Class {page: "search-city.html", name: "search-city.html", element: JQLite[1], pageScope: Object, options: Object…}
  </code></pre>
  
  <p>I try to send back the data and navigate from search-city.html with a popPage() method:</p>
  
  <pre><code>navi.popPage({ animation: 'lift' , data: 'something'});
  </code></pre>
  
  <p>And I try to get the data in the controller of my main page with a postpop event handler:</p>
  
  <pre><code>navi.on('postpop', function(event) {
    var page = navi.getCurrentPage();
    console.log('popped');
    console.log(page);
  });
  </code></pre>
  
  <p>The problem is that page is empty as I showed above. Why is my main page empty in the page-stack? It is also empty after initialization, running getCurrentPage()</p>
  
  <p>Am I doing something wrong? Is there a better way to pass objects between pages? I prefer jQuery and I am not familiar with AngularJS.</p>
  
  <p>This is the documentation about the ons-navigation: <a href="http://onsen.io/reference/ons-navigator.html#method-popPage" rel="nofollow">http://onsen.io/reference/ons-navigator.html#method-popPage</a></p>
  
  <p>Sorry for the long post.</p>