title: How to keep the data on refresh a page?
body: <p>I am getting my data from the model. after the model integrated to page, when I refresh the page the data goes away.</p>
  
  <p>I would like to prevent the data still on refresh. what is the correct way to do this in <code>EmberJs</code> any one show me the correct way to prevent my <code>data</code> from refresh?</p>
  
  <p>my model code :</p>
  
  <pre><code>export default Ember.Route.extend({
    model: function(params) {
      return this.store.peekRecord('card-list', params.id ); //works
    }
  });
  </code></pre>
  
  <p>Thanks in advance.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <pre><code>    import Ember from 'ember';
  
      export default Ember.Route.extend({
        model: function(params) {
  
          if(this.store.hasRecordForId('card-list', params.id)){
              return Ember.RSVP.hash({
                  model: this.store.peekRecord('card-list', params.id ) 
              })
          }
      //I am trying for refresh. but throws error as
  //Error while processing route: cs2i.balance.balanceEdit Ember Data Request GET /api/card-lists/4196074912005007 returned a 404
          return Ember.RSVP.hash({
              model: this.store.findRecord('card-list', params.id ) 
          })
        }
      });
  </code></pre>