JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-1.0.0-pre.2.js"></script>
<html>
  <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
    <script type="text/javascript" src="http://cloud.github.com/downloads/emberjs/ember.js/ember-1.0.0-pre.2.js"></script>
  <script type="text/x-handlebars" data-template-name="application1">
        FOO
  </script>
  <script type="text/x-handlebars" data-template-name="application2">
        BAR
  </script>
  </head>
  <body>
    <div id="foo">
     
    </div>
    <div id="bar">
     
    </div>
  </body>
</html>

JavaScript

FooApp = Ember.Application.create({rootElement: "#foo"});
FooApp.ApplicationView=Ember.View.extend({
    templateName:'application1'
});
FooApp.ApplicationController=Ember.Controller.extend();
FooApp.Router=Ember.Router.extend({
    enableLogging: true,
    root:Ember.Route.extend({
        index:Ember.Route.extend({
            route:'/'
        })
    })
});

BarApp = Ember.Application.create({rootElement: "#bar"});
BarApp.ApplicationView=Ember.View.extend({
    templateName:'application2'
});
BarApp.ApplicationController=Ember.Controller.extend();
BarApp.Router=Ember.Router.extend({
    enableLogging: true,
    root:Ember.Route.extend({
        index:Ember.Route.extend({
            route:'/'
        })
    })
});