title: Ember.js Won't Accept Root URL
body: <p>I am trying to create an Ember.js app on a domain that has a ton of different sublevel sites. I'm trying to set my <code>rootURL</code> to '<code>/org/new/</code>' like the <a href="http://emberjs.com/guides/routing/" rel="nofollow noreferrer">docs say</a> so that the root URL will be <code>mydomain.com/org/new/</code>. I'm using the following router code:</p>
  
  <pre><code>App.Router.reopen({
    rootURL: '/org/new/'
  });
  
  App.Router.map(function() {
    this.resource('carouselItems', { path: '/' }, function() {
      // child routes
    });
  });
  
  App.CarouselItemsRoute = Ember.Route.extend({
    model: function() {
      return this.store.find('carouselItem');
    }
  });
  </code></pre>
  
  <p>However, my app keeps trying to load mydomain.com/carouselItems instead. I have a <code>CarouselItemsController</code> that extends <code>ArrayController</code> and a <code>CarouselItemController</code> that extends <code>ObjectController</code>. Both are used when the user navigates to mydomain.com/org/new/ to generate some items in a Bootstrap carousel.</p>