title: How to display HasMany relationship in Ember
body: <p>What is required to make this simple <a href="http://jsfiddle.net/TrevTheDev/anM35/1/" rel="nofollow">jsfiddle</a> display a list of categories with products e.g.</p>
  
  <ul>
  <li>vegetable
  <ul>
  <li>carrot</li>
  <li>asparagus</li>
  </ul></li>
  </ul>
  
  <p>View code:</p>
  
  <pre><code>&lt;script type="text/x-handlebars" data-template-name="categories"&gt;
      {{#each}}
          &lt;div&gt;Category: {{name}}&lt;/div&gt;
              {{#each product in this.products}}
                  &lt;div&gt;Product: {{product.name}}&lt;/div&gt;            
              {{/each}}
      {{/each}}
  &lt;/script&gt;
  </code></pre>
  
  <p>Model code:</p>
  
  <pre><code>App.Category = DS.Model.extend({
      name: DS.attr('string'),
      products: DS.hasMany('product')
  });
  
  App.Product = DS.Model.extend({
      name: DS.attr('string')
  });
  </code></pre>
  
  <p>Route:</p>
  
  <pre><code>App.CategoriesRoute = Ember.Route.extend({
      model: function () {
          return this.store.find('category');
      }
  });
  </code></pre>