title: Handlebars template with JSON data and accessing arrays and objects
body: <p>I am learning handlebars and JSON, so this may be an easy answer for some. 
  I have a json file (basically a representation of  nested folders.), included below. </p>
  
  <p>I am having trouble understanding how to get the path of all the folders and subfolders into my handlebars template. I have tried <code>{{each .}}</code>, <code>{{#each folders}}</code>, etc. but I either just get the top folder or nothing. Any help or direction would be greatly appreciated!</p>
  
  <p>Handlebars:</p>
  
  <pre><code>&lt;ul&gt;
      {{#each folders}}
          &lt;li&gt;{{path}}&lt;/li&gt;
      {{/each}}
  &lt;/ul&gt;
  </code></pre>
  
  <p>JSON File:</p>
  
  <pre><code>{
      "path": "json",
      "folders": [
          {
              "path": "folder-top",
              "folders": [
                  {
                      "path": "subfolder1",
                      "folders": [
                          {
                              "path": "sub-subfolder1",
                              "folders": [
                                  {
                                      "path": "sub-sub-folder",
                                      "counters": {
                                          "total": 1,
                                          "images": 1,
                                          "files": 1
                                       },
                                       "name": "sub-sub-folder"
                                   }
                               ],
                               "counters": {
                                   "total": 2,
                                   "images": 1,
                                   "folders": 1,
                                   "files": 1
                               },
                               "name": "sub-subfolder1"
                           }
                       ],
                       "counters": {
                           "total": 2,
                           "images": 1,
                           "folders": 1,
                           "files": 1
                       },
                       "name": "subfolder1"
                   }
               ],
               "counters": {
                   "total": 2,
                   "images": 1,
                   "folders": 1,
                   "files": 1
               },
               "name": "folder-top"
           }
       ],
       "counters": {
           "total": 2,
           "images": 1,
           "folders": 1,
           "files": 1
       },
       "name": "json"
  }
  </code></pre>