title: Ember.js Collection View with Item Container View
body: <p>I'm currently using a ContainerView, that has a CollectionView, but would like to then have another View in the CollectionView's ItemView. I've changed the ItemView to a ContainerView, and appended the new View, but but I'm having trouble binding content from the parent Collection -> Container to the child View. </p>
  
  <p>I can pass values, but for some reason bindings just barf. </p>
  
  <p>Code:</p>
  
  <pre><code>App.MainView = Ember.ContainerView.extend({
      header: Ember.View.create({
          templateName: "headerView"
      }),
  
      list: Ember.CollectionView.extend({
          contentBinding: "parentView.content",
          itemViewClass: "App.childContainer",
          tagName: "table"
      }),
  
      footer: Ember.View.create({
          templateName: "footerView"
      })
  });
  
  App.childContainer= Ember.ContainerView.extend({
      templateName: "childContainer",
      didInsertElement: function() {
          //NOTE:: THIS WORKS 
          var v = App.childContainerItem.create({"content":this.get('content')});
          //NOTE:: THIS DOESN'T WORK 
          var v = App.childContainerItem.create({"contentBinding":"this.content"});
          this.get('childViews').pushObject(v);    
      }
  }); 
  
  App.childContainerItem= Ember.View.extend({
      didInsertElement: function() {
          console.log(this.get('content').get('value'));    
      }   
  });
  </code></pre>
  
  <p>I get: <code>TypeError: this.get("content") is undefined</code></p>
  
  <p>I get the feeling I'm close, but just missing some silly thing. Can someone give me a knock on the forehead? </p>