把手正在迭代但不显示值

Question

所以我试图在我的节点应用程序中使用把手渲染一个对象数组，它似乎正在拾取对象，因为表行被添加到DOM中，但是由于某种原因没有显示任何内部值。另外，我只有4个结果，但有6行。在完成文档和类似的问题后，我尝试了许多不同的调整，但没有用。

这是html

<a href="#" id="catalog" class="btn-big-green">Course Catalog</a>
    <table class="jsonTable">
      <thead>
        <tr>
          <th id="year">Year</th>
          <th id="term">Term</th>
          <th id="code">Code</th>
          <th id="title">Title</th>
        </tr>
      </thead>
      <tbody>
          {{#each this}}
        <tr>
          <td>{{year}}</td>
          <td>{{term}}</td>
          <td>{{code}}</td>
          <td>{{title}}</td>
        </tr>
          {{/each}}
      </tbody>
    </table>

main.js

$(".jsonTable").hide();

  $("#catalog").on("click", function(){
    console.log('catalog button clicked');
    $.get('/catalog', function(data){
      console.log(data);
      $("#catalog").hide();
      $(".jsonTable").show();
    });
  });
});

Console

DevTools