title: Handlebars is iterating but not displaying values
body: <p>So I am trying to render an array of objects with handlebars in my node app, and it seems to be picking up the objects since table rows are being added to the DOM, but none of the inner values are displaying for some reason. Also, I only have 4 results but there are 6 rows. I tried many different tweaks after going through documentation and similar questions, to no avail.</p>
  
  <p>Here is the html</p>
  
  <pre><code>&lt;a href="#" id="catalog" class="btn-big-green"&gt;Course Catalog&lt;/a&gt;
      &lt;table class="jsonTable"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th id="year"&gt;Year&lt;/th&gt;
            &lt;th id="term"&gt;Term&lt;/th&gt;
            &lt;th id="code"&gt;Code&lt;/th&gt;
            &lt;th id="title"&gt;Title&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
            {{#each this}}
          &lt;tr&gt;
            &lt;td&gt;{{year}}&lt;/td&gt;
            &lt;td&gt;{{term}}&lt;/td&gt;
            &lt;td&gt;{{code}}&lt;/td&gt;
            &lt;td&gt;{{title}}&lt;/td&gt;
          &lt;/tr&gt;
            {{/each}}
        &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>$(".jsonTable").hide();
  
    $("#catalog").on("click", function(){
      console.log('catalog button clicked');
      $.get('/catalog', function(data){
        console.log(data);
        $("#catalog").hide();
        $(".jsonTable").show();
      });
    });
  });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Yjn1j.png" rel="nofollow noreferrer">Console</a></p>
  
  <p><a href="https://i.stack.imgur.com/mOGjI.png" rel="nofollow noreferrer">DevTools</a></p>