title: Ember Rails back button doesn't render template even without nested routes
body: <p>I am trying to get a simple Ember-Rails app, and everything seems to render fine, but the back button completely removes all rendered elements. With no errors. </p>
  
  <p>From what I understand so far, this happens because Ember expects the 'parent' template has already been rendered and doesn't re-render it. In my app, I am first rendering a list of 'posts', with links to each post. Each link should open the post in question, replacing the rendered 'posts' page. It does so just fine, then when I click the back button, it does something interesting: It renders the index page, then removes everything in the application template (including index and such) altogether. </p>
  
  <p>Here are the relevant snippets of code:</p>
  
  <p>First, the rails application.html.erb</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Slimgur&lt;/title&gt;
    &lt;%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;%= stylesheet_link_tag    'bootstrap', media: 'all', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;%= stylesheet_link_tag    'bootstrap-theme', media: 'all', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;%= javascript_include_tag 'application', 'data-turbolinks-track' =&gt; true %&gt;
    &lt;%= csrf_meta_tags %&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;%= yield %&gt;
  
  &lt;div class='container'&gt;
      &lt;div id="ember-app"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  
  //This is the page that is rendered by rails.
  &lt;h1&gt;Static#index&lt;/h1&gt;
  &lt;p&gt;Find me in app/views/static/index.html.erb&lt;/p&gt;
  
  /* Application.js file. After all require statements. */
  App = Ember.Application.create({rootElement: '#ember-app'});
  
  /* Router.js */
  // --------------------------
  App.Router.map(function() {
    this.resource('posts');
    this.resource('post', { path: 'posts/:id' });
  })
  
  /* Application.hbs. */
  // --------------------------
  &lt;header&gt;
      &lt;article&gt;
          &lt;div class="logo"&gt;
              &lt;h1&gt;
                  &lt;a href="#"&gt;App&lt;/a&gt;
              &lt;/h1&gt;
          &lt;/div&gt;
  &lt;/article&gt;
  &lt;/header&gt;
  
  {{!-- This is intended to render all Ember Templates.  --}}
  &lt;section id="main"&gt;
      {{{outlet}}}
  &lt;/section&gt;
  
  &lt;footer&gt;
      &lt;p&gt; Testing Footer one two three &lt;/p&gt;
  &lt;/footer&gt;
  
  /* posts.hbs */
  // --------------------------
  &lt;article id="posts"&gt;
      &lt;h1&gt;Posts&lt;/h1&gt;
  
          &lt;ul&gt;
              {{#each post in model}}
                  &lt;li&gt;{{#link-to 'post' post}}{{post.title}}{{/link-to}}&lt;/li&gt;
              {{/each}}
          &lt;/ul&gt;
  &lt;/article&gt;
  
  {{outlet}}
  
  /* post.hbs*/
  // --------------------------
  &lt;h2&gt;{{title}}&lt;/h2&gt;
  
  /* Ember Routes: */
  // --------------------------
  App.PostsRoute = Ember.Route.extend({
      model: function(){
          return this.store.find('post');
      },
  })
  
  App.PostRoute = Ember.Route.extend({
      model: function(params){
          return this.store.find('post', params.id);
      },
  })
  </code></pre>
  
  <p>I believe that .hbs files compile to handlebars templates. </p>