JQuery标头未显示在表中

我正在用JQuery构建一个表,并且一切似乎都可以正常工作,除了无法显示标题。我先声明标题,将其附加到表中,然后将列名称附加到标题中。表格的其余部分完全显示了我想要的方式。我认为执行此命令的顺序并不重要。我做错了什么?

$(document).ready(function(){
  if ($('[attr="searchResultsJson"]').length)
  {
    $('.comment-section').hide();
    $('#InboxDetailsDrawer').hide();

    $('.approval-outer-wrap').prepend(drawTable());
  }
});

function drawTable(){
  var table = $('<table id="search-results" />');

  var header = $('<thead />');
  table.append(header);

  header.append = $('<tr><th>First Name</th><th>Last Name</th><th>Date of Birth</th><th>Data Pulse ID</th><th>Laserfiche ID</th></tr>');

  var body = $('<tbody />');
  table.append(body);

  var json = $('[attr="searchResultsJson"] [type="text"]').text();
  console.log(json);

  var searchResults = JSON.parse(json);

  for (var i = 0; i < searchResults.length; i++)
  {
    body.append('<tr>'+
                `<td>${searchResults[i].patientFirstName}</td>` +
                `<td>${searchResults[i].patientLastName}</td>` +
                `<td>${searchResults[i].patientDateOfBirth}</td>` +
                `<td>${searchResults[i].patientDataPulseID}</td>` +
                `<td>${searchResults[i].patientLaserFicheID}</td>` +
                '</tr>')
  }

  return table;
}