title: Ember: Error while processing route: not defined
body: <p>Not seeing what I'm missing to cause 'Posts' template to be rendered blank in the browser. My other templates are rendering as normal.</p>
  
  <p>I'm getting the error:</p>
  
  <p><code>Error while processing route: posts posts is not defined ReferenceError: posts is not defined</code></p>
  
  <p>My route file:</p>
  
  <pre><code>Blogger.PostsRoute = Ember.Route.extend({
    model: function() {
      return posts;
    }
  });
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>  &lt;ul&gt;
      {{#each}}
        &lt;li&gt;{{title}}&lt;/li&gt;
      {{/each}}
    &lt;/ul&gt;
  </code></pre>
  
  <p>Index calling the store.js file with the posts, my router, and 'posts' in the template loader:</p>
  
  <pre><code>  &lt;script src="blogger.js"&gt;&lt;/script&gt;
    &lt;script src="router.js"&gt;&lt;/script&gt;
    &lt;script scr="store.js"&gt;&lt;/script&gt;
  
    &lt;script src="controllers/about.js"&gt;&lt;/script&gt;
    &lt;script src="controllers/contact.js"&gt;&lt;/script&gt;
  
    &lt;script src="routes/posts.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
      EmberHandlebarsLoader.loadTemplates([ 
        'posts', 'about', 'contact', 'phone', 'email', 'application'
      ]);
  &lt;/script&gt;
  </code></pre>
  
  <p>In my store.js file:</p>
  
  <pre><code>var posts = [
    {
      id: '1',
      title: "title text",
      body: "body text"
    },
    {
      id: '2',
      title: 'title text two',
      body: "lorem ipsum"
    }
  ];
  </code></pre>
  
  <p>JSfiddle: <a href="http://jsfiddle.net/t6ndtbLq/2/" rel="nofollow">http://jsfiddle.net/t6ndtbLq/2/</a></p>