title: make Handlebars work with an array of objects
body: <p>I have an object that I want handlebars to process </p>
  
  <pre><code>stock= [
  {
    trailer: "TT6565",
    usual  : "Jack",
    group  : "Mercs"
  
  },
  {
    trailer: "TT6589",
    usual  : "Paul",
    group  : "Mercs"
  }
  ]
  </code></pre>
  
  <p>This is an example, but in my script the object is created from an ajax request. </p>
  
  <p>This is my handlebars script </p>
  
  <pre><code>&lt;script id="mwl707" type="text/x-handlebars-template"&gt;
  
  &lt;div id='vehicles' class='wrapper'&gt;
  &lt;div class='divd spacer'&gt;&amp;nbsp&lt;/div&gt;
  
      {{#each stock}}
          &lt;div id='{{group}}' title='Driver Details' class='divd {{group}}' &gt;
          {{trailer}} + "&lt;br&gt;" + {{usual}}
          &lt;/div&gt;
      {{/each}}
  
  &lt;/div&gt;
  
  &lt;/script&gt;
  
   var source = $("#mwl707").html();
   var template = Handlebars.compile(source);
  
   $("#thisPage").append(template( stock ));
  </code></pre>
  
  <p>The problem is the iterate(each) part does not run through my list , I think handlebars does not like objects but is there any way round this ? or have i got the code wrong ? any help please ? </p>