title: Widget approach with Ember
body: <p>I want to use ember with a widget approach (component in isolation), setting rootElement for<br>
  Ember Applications, each one with its own router and store (if necessary). </p>
  
  <p>I did an unsuccessful attempt in <a href="http://jsfiddle.net/4xWep/2/" rel="nofollow">http://jsfiddle.net/4xWep/2/</a>
  Maybe there is an interference issue between router instances. 
  It has sense this widget approach, with different Applications and Routers?</p>
  
  <pre><code>App1 = Ember.Application.create({
    rootElement: '#app1'
  });
  
  App1.ApplicationController = Ember.Controller.extend();
  App1.ApplicationView = Ember.View.extend({
    templateName: 'app1-view'
  })
  
  App1.Router = Ember.Router.extend({...})
  
  var App2 = Ember.Application.create({
      rootElement: '#app2'
  });
  
  App2.ApplicationController = Ember.Controller.extend();
  App2.ApplicationView = Ember.View.extend({
    templateName: 'app2-view'
  })
  
  App2.Router = Ember.Router.extend({...})
  </code></pre>