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>Pagination</h1>
    <ul>
        {{#each}}
        <li>{{name}}</li>
        {{/each}}
    </ul>
    
    
    <p>Page: {{content.meta.page}}</p>
    <p>Total Pages: {{content.meta.total}}</p>
    <button {{action "next"}}>Next Page</button>
</script>

CoffeeScript

window.App = Em.Application.create()

App.ApplicationRoute = Em.Route.extend
  page: 1
  model: ->
    @store.find 'foo', page: @page
  actions:
    next: ->
      @page += 1
      @refresh()

App.Foo = DS.Model.extend
    name: DS.attr 'string'
    
$.mockjax
  url: "/foos"
  data:
    page: 1
  responseText:
    foos: [
                id: 1
                name: "First Foo"
              ]
    meta:
      page: 1
      total: 2
                

   
    
$.mockjax
  url: "/foos"
  data:
    page: 2
  responseText:
    foos: [
                id: 2
                name: "Second Foo"
              ]
    meta:
      page: 2
      total: 2