JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
        <div >
            <header>
                <h1>American Stocks</h1>
            </header>
            <div>    
                <div id="current">
                    <h2>Current stocks</h2>
<script type="text/x-handlebars" data-template-name="application">
 WTF
</script>
                </div>        
                <div id="comparison">
                    <h2>Stock comparison</h2>
                    
                </div>    
                <div class="clear"></div>
            </div>
            
            <footer>
                &copy; American stocks company, 2002 - 2012.
            </footer>
        </div>

JavaScript

MyApp = Ember.Application.create({
  autoinit: false
});

MyApp.router = Ember.Router.create({
enableLogging: true,
  root: Ember.Route.extend({
    index: Ember.Route.extend({
      route: '/'
    })
  })
});

MyApp.ApplicationController = Ember.Controller.extend();

MyApp.initialize(MyApp.router);