Ember.js Button Toggle

HTML

<script src="http://zphyr.org/test/js/libs/handlebars-1.0.0.js"></script>
<script src="http://zphyr.org/test/js/libs/ember-1.0.0-rc.6.js"></script>
<script type="text/x-handlebars" data-template-name="application">

<div class="container">
    <div class="hero-unit">
        <h4>Bootstrap/Ember Button Disabled</h4>
            <button class="btn btn-large" href="#"{{bindAttr disabled="isDisabled"}} >. . .</button>
        {{view Ember.Checkbox checkedBinding="isDisabled"}}
        <p>isDisabled: {{isDisabled}}</p>
    </div>
</div>    
    
    

    
</script>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

JavaScript

console.clear();
window.App = Ember.Application.create({});

App.ApplicationController = Ember.ObjectController.extend({
    isDisabled:true
});