title: Ember-Data destroyRecord stays in local store
body: <p>I am on ember 1.8.1 and ember-data beta 12</p>
  
  <p>If I do a createRecord and the user chooses not to save it, on the route deactivation I am trying to do model.destroyRecord() however, it continues to be available in my local store with a currentState.stateName: root.deleted.saved</p>
  
  <p>I can't seem to remove it from my local store and I don't know why. Why does the record have a stateName of <code>root.deleted.saved</code> and still available when I do a <code>store.find</code>?</p>
  
  <p>Edit:
  I don't know if it matters, but after cancel and I destroy the record (or attempt to), I end up in a location where am using an each with an itemController. My weirdness, I think, began with the introduction of that.</p>
  
  <pre><code>// new/route.js  (using ember-cli pods)
  deactivate: function() {
      this._super();
      // if we navigated away without saving the model we should remove it
      //  so we don't have 'unsaved' items displayed anywhere
      var model = this.controller.get('model');
      if(model.get('isDirty')) {
          model.deleteRecord(); // Updated based on MrVinz suggestion below
      }
  }
  </code></pre>
  
  <p>The template we transition into</p>
  
  <pre><code>&lt;table class="table table-striped"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        ...
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      {{#each item in filteredItems itemController="cons"}} 
        ... (my unsaved items are showing up in here, and they should have been deleted) ...
      {{/each}}
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>