title: How to use a template with Ember.CollectionView
body: <p>I'm trying to create a <code>CollectionView</code> with a list of items and have it render into the template specified in the <code>CollectionView</code>'s <code>templateName</code> property. However, I can't get it to work. </p>
  
  <p>it looks like this:</p>
  
  <pre><code>App = Ember.Application.create({});
  
  App.ItemView = Ember.View.extend({
      templateName: 'item_template',
      tagName: 'li'
  });
  
  App.CollectionViewTest = Ember.CollectionView.extend({
      templateName: 'collection_template', 
      itemViewClass: App.ItemView,
  
      content: [
          { title: 'Item 1' },
          { title: 'Item 2' }
      ]
  });
  </code></pre>
  
  <p>with templates like this:</p>
  
  <pre><code>&lt;script type="text/x-handlebars" data-template-name="application"&gt;
      &lt;h1&gt;Testing CollectionView TemplateName&lt;/h1&gt;
      {{collection App.CollectionViewTest}}
  &lt;/script&gt;
  
  &lt;script type="text/x-handlebars" data-template-name="collection_template"&gt;
      &lt;h2&gt;The CollectionView Template&lt;/h2&gt;
      &lt;ul&gt;
          {{outlet}}
      &lt;/ul&gt;
  &lt;/script&gt;
  
  &lt;script type="text/x-handlebars" data-template-name="item_template"&gt;
      {{title}}
  &lt;/script&gt;
  </code></pre>
  
  <p>As it is, the <code>&lt;h2&gt;</code> never gets rendered, unless I change <code>App.CollectionViewTest</code> to a <code>Ember.View</code>, but then, obviously, there's no list items.</p>
  
  <p>Is this a bug? or am I missing something?</p>
  
  <p>-- here's a js fiddle with the code: <a href="http://jsfiddle.net/S46vH/" rel="noreferrer">http://jsfiddle.net/S46vH/</a></p>