title: Hello World in Ember.js: what's wrong here?
body: <p>I've prepared a Fiddle to better expose the problem.</p>
  
  <p><a href="http://jsfiddle.net/Xbxwr/" rel="nofollow">http://jsfiddle.net/Xbxwr/</a></p>
  
  <p>Code:
  </p>
  
  <pre><code>App = Ember.Application.create();
  
  App.MyView = Ember.View.extend({ templateName: "MyView" });
  
  App.myCollectionView = Ember.CollectionView.create({
      itemViewClass: App.MyView,
      content: [
          Ember.Object.create({ name: "World" }),
          Ember.Object.create({ name: "Foo" }),
          Ember.Object.create({ name: "Bar" })
      ]
  });
  
  $(function() { App.initialize(); });
  </code></pre>
  
  <p>View :</p>
  
  <pre><code>&lt;script type="text/x-handlebars"&gt;
     {{collection App.myCollectionView}}
  &lt;/script&gt;
  
  &lt;script type="text/x-handlebars" data-template-name="MyView"&gt;
    &lt;h1&gt;Hello, {{name}}!&lt;/h1&gt;
  &lt;/script&gt;​
  </code></pre>
  
  <p>What am I doing wrong here?</p>