title: "Load more" content from the server and add it to the page
body: <p>I've waded through a lot of pages/questions regarding pagination/infinite scrolling/load more content.</p>
  
  <p>Either the content is pre-loaded completely in the store or the examples requesting new data simply don't work.</p>
  
  <p>I've got a blog displaying 5 posts then a 'load more' button.
  Upon hitting this button I'd like to request 5 more posts from the server and add them live to the page.</p>
  
  <p><code>this.store.find('post', {limit: 5, offset: 5, sort:'createdAt desc'});</code></p>
  
  <p>Please can you provide a working example or instructions to make it work?</p>
  
  <p><em>EDIT:</em> the following seems to be a good option but I don't know how to make it work</p>
  
  <blockquote>
    <p>Make the model a standard array and use the route hooks and "load more" actions to fill it with records from ED query results</p>
  </blockquote>
  
  <p><em>EDIT2</em> this is how I set the model for the route:</p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Route.extend({
     model: function() {
        return this.store.find('post', { isPublished: true,
                                         limit: 5,
                                         sort:'createdAt desc'});
     }
  });
  </code></pre>