Ember Data Mockjax

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.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">
    <div class="container">
        <h1>Ember</h1>
        
        {{my-form isNew=isUsingNewModel action="toggleNewModel"}}
    </div>
</script>

<script type="text/x-handlebars" data-template-name="components/my-form">
    <button {{action 'toggle'}}>Toggle</button>
    {{my-button isNew=isNew}}
</script>

<script type="text/x-handlebars" data-template-name="components/my-button">
    <button>
        {{#if isNew}}
          Create Record
        {{else}}
          Update Record
        {{/if}}
</script>

CoffeeScript

window.App = Em.Application.create()

App.ApplicationController = Em.Controller.extend
  isUsingNewModel: true
App.MyFormComponent = Em.Component.extend
  actions:
    toggle: ->
      @toggleProperty 'isNew'