Ember Data Mockjax

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.js"></script>
<script src="http://ember.alexspeller.com/handlebars-1.0.0.js"></script>
<script src="http://ember.alexspeller.com/ember-latest.js"></script>
<script src="http://ember.alexspeller.com/ember-data-latest.js"></script>
<script type="text/x-handlebars">
    <h1>Application Template</h1>
    <div>
        {{outlet}}
    </div>
</script>

<script type="text/x-handlebars" data-template-name='index'>
    <h2>Index Template</h2>
    <h3> Users </h3>
    <ul>
        {{#each controllers.users}}
            <li>{{name}}</li>
        {{/each}}
    </ul>
    <h3> Tags </h3>
    <ul>
        {{#each controllers.tags}}
            <li>{{name}}</li>
        {{/each}}
    </ul>
</script>

CoffeeScript

window.App = Em.Application.create()

    
App.ApplicationRoute = Em.Route.extend
  model: ->
    Em.RSVP.hash
      users: @store.find('user')
      tags: @store.find('tag')
  
  setupController: (controller, context) ->
        @controllerFor('users').set 'content', context.users
        @controllerFor('tags').set 'content', context.tags

App.UsersController = Em.ArrayController.extend()
App.TagsController = Em.ArrayController.extend()

App.IndexController = Em.Controller.extend
  needs: ['users', 'tags']
    
App.Tag = DS.Model.extend
    name: DS.attr 'string'

App.User = DS.Model.extend
    name: DS.attr 'string'
    
$.mockjax
  url: "/tags"
  responseText:
    tags: [
                id: 1
                name: "Tag 1"
          
           ,
               id: 2,
               name: "Tag 2"
          ]
                

$.mockjax
  url: "/users"
  responseText:
    users:
        [
                id: 1
                name: "First user"
        ,
                id: 2,
                name: "Second user"
        ]