title: Iterate & print values in ember.js
body: <p>I just have started ember.js. My markup code is </p>
  
  <pre><code>&lt;script type="text/x-handlebars" data-template-name="home"&gt;
          &lt;h1&gt;Names: &lt;/h1&gt;
          {{#each home in App.HomeController.content}}
                  &lt;h1&gt;Name: &lt;/h1&gt;
                  {{home.name}}&lt;br /&gt;            
          {{/each}}
  &lt;/script&gt;
  </code></pre>
  
  <p>and my javascript code is</p>
  
  <pre><code>App = Ember.Application.create();
  
  App.Router.map(function() {
      this.route("home", {
          path: "/"
      });   
  });
  
  /*
   *  HomeController
   */
  App.HomeController = Ember.ArrayController.extend({
      content: [],
      templateName: 'home',
      init: function(){
          var self = this;
  
          $.ajax({
              url: 'response.php',
              dataType: 'JSON',
              type: 'POST',            
              success: function(res){                
                  self.set('content', res);                
              },
              error: function(){                
  
              }
          });
  
      }    
  
  })
  </code></pre>
  
  <p>But it seems that i can not print name. I cannot iterate &amp; print the name. Can any body help me.</p>
  
  <p>Thanks</p>