title: Ember.js parent/child relationships
body: <p>I have the following data structure for a simple messaging app:</p>
  
  <pre><code>App.Message = DS.Model.extend({
    title: DS.attr("string"),
    body: DS.attr("string"),
    isRead: DS.attr("boolean"),
    replyTo: DS.belongsTo("App.Message")
  });
  
  App.Message.FIXTURES = [{
    id: "1",
    title: "Eos ut amet persius, ea ius nibh iudico",
    body: "Lorem ipsum dolor sit amet, nam et hinc doctus alienum, in vel latine conceptam.",
    isRead: true,
    replyTo: null
  },
  {
    id: "2",
    title: "Ad est dolor veniam delenit.",
    body: "Lorem ipsum dolor sit amet, nam et hinc doctus alienum, in vel latine conceptam.",
    isRead: false,
    replyTo: "1"
  },
  {
    id: "3",
    title: "Eu nec summo placerat reprehendunt.",
    body: "Lorem ipsum dolor sit amet, nam et hinc doctus alienum, in vel latine conceptam. Tale eirmod omittantur sit ne. Minim noster philosophia per eu, mel putent veritus an, ex veniam ubique consulatu has. At stet diceret repudiare ius, probo liber diceret no est. Ridens efficiantur vim te.",
    isRead: false,
    replyTo: "1"
  }];
  </code></pre>
  
  <p><strong>I am trying to display replies to a message when it is selected but none are appearing.</strong>  The message subject and body <em>are</em> displaying fine so I know my routes, controllers and templates are set up correctly for the parent entity at least.</p>
  
  <p>Here are my templates (with almost all markup removed for brevity):</p>
  
  <pre><code>&lt;script type="text/x-handlebars" data-template-name="message"&gt;      
    &lt;h2&gt;{{ title }}&lt;/h2&gt;        
    &lt;p&gt;{{ body }}&lt;/p&gt;
    {{ render "messageResponses" responses }}
  &lt;/script&gt;
  
  &lt;script type="text/x-handlebars" data-template-name="messageResponses"&gt;
    {{#each responses}}
      &lt;p&gt;{{ body }}&lt;/p&gt;
    {{/each}}
  &lt;/script&gt;
  </code></pre>
  
  <p>And my Message controller (the part I'm probably doing wrong):</p>
  
  <pre><code>App.MessageController = Ember.ObjectController.extend({
    responses: function() {
      return App.Message.find({ replyTo: this.get("id") );  
    }
  });
  </code></pre>