如何使用JavaScript/jQuery将单独的thead和tbody合并到一个表中

<table id="mergedTable"></table>

var thead = $('thead');
var tbody = $('tbody');

var mergedTable = $('<table></table>');
mergedTable.append(thead.clone());
mergedTable.append(tbody.clone());

$('#mergedTable').replaceWith(mergedTable);

$(document).ready(function() {
  var thead = $('thead');
  var tbody = $('tbody');
  
  var mergedTable = $('<table></table>');
  mergedTable.append(thead.clone());
  mergedTable.append(tbody.clone());
  
  $('#mergedTable').replaceWith(mergedTable);
});