title: ember js DS.AdapterPopulatedRecordArray content
body: <pre><code>AppController = Ember.ArrayController.extend
  cat_id: ''
  subcat_data: (-&gt;
    App.Subcategory.find({ parent_id: @get("cat_id") })
  ).property('cat_id').cacheable()
  
  categorySub: (-&gt;
   result = Ember.A()
   for category in this.toArray()
      @set('cat_id', category.id)
      @sub = @get("subcat_data")
      console.log @sub
      result.pushObject({
        category: category
        subcategories: @sub.toArray()
      })
  
  result.toArray()
  ).property('@subcat_data', '@each')
  </code></pre>
  
  <p>Now in console.log @sub display the content of zero objects  </p>
  
  <p>DS.AdapterPopulatedRecordArray:ember768> { query={...}, content=[0], store=, more...}</p>
  
  <p>But when i check in firebug DOM it shows the content of objects 
    content [17, 18]</p>
  
  <p>What i am doing wrong here?</p>