title: How to sideload ember hasMany and belongsTo Relationship?
body: <p>I have a Person Model  as follows</p>
  
  <pre><code> App.Person= DS.Model.extend({
        id: DS.attr('string'),   
        name: DS.attr('string'),
        visits: DS.hasMany('App.Visit'),
        events: DS.hasMany('App.Event') ,
        allergies: DS.hasMany('App.Allergies'),
        get_allergies : function(){
      return this.get('allergies').getEach('allergy_name').reduce(function(accum, item) {
        return (accum.length &gt; 0) ? (accum +', '+ item) : (item);
      }, '');
    }.property('allergies.@each.allergy_name')    
      });
  
  
  App.Visit = DS.Model.extend({
    visit_id: DS.attr('string'),
    date: DS.attr('date'),     
    admission: DS.belongsTo('App.Admission')
  });
  
  App.Admission = DS.Model.extend({
    loc: DS.attr('string'),
    admission_date: DS.attr('date'),
    care_team: DS.belongsTo('App.CareTeam')
  });
  </code></pre>
  
  <p>As you can see Person hasMany "allergies", and along with person, allergies is also getting loaded for me because in the UI I am calling the get_allergies method while other hasMany relationships like "visits" and "events" are not getting loaded.</p>
  
  <p>In UI   {{person.get_allergies}}</p>
  
  <p>I tried to sideload the relationships "visits" and "events"(using example on net), but that is not working? Can someone tell what is the proper way of sideloading ember-data because I couldnt find any proper documention with example on net except for few questions on stackoverflow itself?</p>