title: EmberJS ArrayControlller Resets Selection After Sort
body: <p>Whenever one changes the <code>sortingProperties</code> in my <code>ArrayController</code>, the selected checkboxes are always reset for all records. Is there a way to persist the state of the specific record? I've tried to swap <code>controller</code> for <code>content</code> and <code>arrangedContent</code> in my keywords template.</p>
  
  <h3>KeywordView</h3>
  
  <pre class="lang-handlebars prettyprint-override"><code>{{view Ember.Checkbox
         class="keyword-checkbox"
         idBinding="checkboxId"
         name="id[]"
         disabledBinding="isCheckboxDisabled"
         checkedBinding="isKeywordSelected"
         valueBinding="id" }}
  </code></pre>
  
  <h3>KeywordController</h3>
  
  <pre class="lang-js prettyprint-override"><code>App.KeywordController = Ember.ObjectController.extend(Ember.Evented, {
      ...
      isKeywordSelected: false
      ...
  });
  </code></pre>
  
  <h3>KeywordsControlller</h3>
  
  <pre class="lang-js prettyprint-override"><code>App.KeywordsController = Ember.ArrayController.extend(Ember.Evented, {
      sortAscending: true,
      sortProperties: ['name'],
  
      init: function() {
          this.set('content', this.store.find('keyword', { domain_id: 1 });
      }
  });
  </code></pre>
  
  <h3>KeywordsTemplate</h3>
  
  <pre class="lang-js prettyprint-override"><code>{{#each keyword in controller}}
      {{render "keyword" keyword}}
  {{/each}}
  </code></pre>
  
  <h3>Update: jsFiddle Example</h3>
  
  <p><a href="http://jsfiddle.net/rxgx/pJUuc/" rel="nofollow">http://jsfiddle.net/rxgx/pJUuc/</a></p>