Ember-Data template

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="https://github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/data/ember-data-latest.js"></script>
<script type="text/x-handlebars">
</script>

JavaScript

window.App = Ember.Application.create(
{
    VERSION: '1.0.0',

    ready: function()
    {
        var Pet = DS.Model.extend({
            name: DS.attr('string')
        });

        var Person = DS.Model.extend({
            name: DS.attr('string'),
            pets: DS.hasMany(Pet)
        });

        var store = DS.Store.create({ revision: 7 });
        store.loadMany(Pet, [4, 7, 12], [{ id: 4, name: "fluffy" }, { id: 7, name: "snowy" }, { id: 12, name: "cerberus" }]);

        store.load(Person, 4, { id: 4, name: "John Smith", pets: [4, 12] });
        var john = store.find(Person, 4);

        console.log(john.get('name'));

        var pets = john.get('pets');
        console.log(pets.objectAt(0).get('name')); // Should be Fluffy?
    }
});