title: After localStorage.clear() or deleteRecord() in my Ember.js app, local storage data are resurrected
body: <p>I'm observing a data resurrection after <code>localStorage.clear()</code> or <code>deleteRecord()</code> (<a href="http://jsbin.com/iwiruw/454/edit" rel="nofollow">jsbin example</a>) is called in my ember app.</p>
  
  <p>Follow these steps to replicate the problem:</p>
  
  <ol>
  <li>Open up chrome web dev --> Resources --> Local Storage --> "<a href="http://jsbin.com" rel="nofollow">http://jsbin.com</a>"</li>
  <li>Add some orgs on this page and observe that they are added to local storage</li>
  <li>Click on "Clear local storage" (case 1) or "Delete Org data" (case 2) and observe that the local storage is cleared. Do not refresh the page. (Data still remain on the page but that's okay because we haven't refreshed the page.)</li>
  <li>Add one more org and observe that all the deleted orgs are resurrected (case 1) or LS is not deleted (case 2) </li>
  <li>So when you refresh the page, ALL THE DELETED DATA ARE RESURRECTED.</li>
  </ol>
  
  <p>Questions:</p>
  
  <ol>
  <li>Why does this data resurrection happen? </li>
  <li>How can I make localStorage.clear() work even <i>without</i> a refresh after clear (either manually or calling <code>location.reload</code>)?</li>
  </ol>
  
  <p><i>edited later to include deleteRecord()</i></p>