title: Ember: Error with named outlets
body: <p>I do not know why my templates are not being rendered in the named outlets.  This is my first stab at learning ember and I am stuck on the named outlets.</p>
  
  <p>I would like to render the <strong>sidebarTemplate</strong> in the <code>{{outlet "sidebar"}}</code> and the <strong>contentTemplate</strong> in the <code>{{outlet "content"}}</code> but I keep getting the following error in the console: "Error while processing route: posts Cannot read property 'connectOutlet' of undefined TypeError: Cannot read property 'connectOutlet' of undefined"</p>
  
  <p>Here is a fiddle to my code:  <a href="http://jsfiddle.net/va71wwr9/" rel="nofollow">http://jsfiddle.net/va71wwr9/</a></p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;script type="text/x-handlebars"&gt;
    &lt;div class="nav-container"&gt;
      &lt;ul class="nav"&gt;
          &lt;li&gt;{{#link-to 'home'}}Home{{/link-to}}&lt;/li&gt;
          &lt;li&gt;{{#link-to 'posts'}}Posts{{/link-to}}&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  
    {{outlet}}
  &lt;/script&gt;
  
  &lt;script type="text/x-handlebars" id="home"&gt;
    &lt;h1&gt;Home screen&lt;/h1&gt;
  &lt;/script&gt;
  
  &lt;script type="text/x-handlebars" id="posts"&gt;
    &lt;h1&gt;Posts screen&lt;/h1&gt;
    &lt;div class="sidebar-container"&gt;
      {{outlet sidebar}}
    &lt;/div&gt;
    &lt;div class="content-container"&gt;
      {{outlet content}}
    &lt;/div&gt;
  &lt;/script&gt;
  
  &lt;script type="text/x-handlebars" id="sidebarTemplate"&gt;
    &lt;p&gt;Side bar stuff&lt;/p&gt;
  &lt;/script&gt;
  
  &lt;script type="text/x-handlebars" id="contentTemplate"&gt;
    &lt;p&gt;content stuff&lt;/p&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is my JavaScript:</p>
  
  <pre><code>var App = Ember.Application.create();
  
  App.Router.map(function() {
    this.resource('home', {path: '/'});
    this.resource('home', {path: 'home'});
    this.resource('posts', {path: 'posts'});
  });
  
  App.PostsRoute = Ember.Route.extend({
    renderTemplate: function() {
      this.render('sidebarTemplate', {
          into: 'posts',
          outlet: 'sidebar'
      });
      this.render('contentTemplate', {
          into: 'posts',
          outlet: 'content'
      });
    }
  });
  </code></pre>