title: Cannot loop through multidimensional array with handlebars
body: <p>Looking at my data that is coming through:</p>
  
  <pre><code>data: {
      content: [
      [
      "School Name",
      "Location",
      "Type",
      "No. eligible pupils",
      "Average points per student",
      "Average points per exam entry",
      "% obtaining two facilitating subjects"
      ],
      [
      "Colchester Royal Grammar School",
      "Colchester",
      "State",
      "349",
      "1428",
      "263.3",
      "77%"
      ], and so on...
   ]
  }
  </code></pre>
  
  <p>I am trying to loop through this array of arrays, to create a table. So for each array I would need to wrap it in <code>&lt;tr&gt;&lt;/tr&gt;</code> and for each element inside every array I need it wrapped in a <code>&lt;td&gt;&lt;/td&gt;</code>. I will need to differentiate the first row to use <code>&lt;thead&gt;</code> and <code>&lt;th&gt;</code> as well but at the moment I am trying to get my head around the proper structure.</p>
  
  <p>What my code does is create only one <code>&lt;td&gt;</code> containing the whole thing, rather than multiple <code>&lt;tr&gt;</code>s or <code>&lt;td&gt;</code>s.</p>
  
  <pre><code>        {{#each data.content}}
  
              &lt;tr&gt;
  
                  {{#each this}}
                      &lt;td&gt;{{ this }}&lt;/td&gt;
                  {{/each}}
  
              &lt;/tr&gt;
  
          {{/each}}
  </code></pre>