title: model bind error while using compiled template with ember.js
body: <p>I am trying to put ember's template under templates folder.<br>The related codes is here:</p>
  
  <pre><code>define(["ember","holder","emberData","text!/templates/index.html"],function(Ember,Holder,DS,indexTpl){
  window.App = Ember.Application.create();
  /*Route definition*/
  App.Router.map(function() {
      // put your routes here
  });
  App.IndexRoute = Ember.Route.extend({
    model: function() {
        return this.store.find("listItem");
    },
    setupController: function(controller, model) {
        this._super(controller, model);
        Ember.run.next(function (){Holder.run();});
    }
  });
  App.ApplicationView = Ember.View.extend({
      defaultTemplate:Ember.Handlebars.compile(indexTpl)
  });
  App.IndexController = Ember.ArrayController.extend({
  
  });
  
  /*Model definition*/
  App.ListItem = DS.Model.extend({
      col1 : DS.attr("string"),
      col2 : DS.attr("string"),
      col3 : DS.attr("string"),
      col4 : DS.attr("string")
  });
  App.ApplicationAdapter = DS.FixtureAdapter.extend();
  App.ListItem.reopenClass({
      FIXTURES:[...]
  });
  });
  </code></pre>
  
  <p>Related template:</p>
  
  <pre><code>    ...
      {{#each}}
      &lt;tr&gt;
      &lt;td&gt;{{id}}&lt;/td&gt;
      &lt;td&gt;{{col1}}&lt;/td&gt;
      &lt;td&gt;{{col2}}&lt;/td&gt;
      &lt;td&gt;{{col3}}&lt;/td&gt;
      &lt;td&gt;{{col4}}&lt;/td&gt;
      &lt;/tr&gt;
      {{/each}}
      ...
  </code></pre>
  
  <p>Test results in chrome browser:</p>
  
  <pre><code>    Uncaught Error: Assertion Failed: The value that #each loops over must be an Array. You passed '(null)' (wrapped in (generated application controller)) 
  </code></pre>
  
  <p>Can you help me with this? Thanks for your help in advance!</p>