如何在jquery中从json格式化对象填充html数据表

<table id="data-table">
  <thead>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>

var jsonData = [
  {
    id: 1,
    name: "John Doe",
    email: "john@example.com"
  },
  {
    id: 2,
    name: "Jane Smith",
    email: "jane@example.com"
  },
  {
    id: 3,
    name: "Bob Johnson",
    email: "bob@example.com"
  }
];

$.each(jsonData, function(index, data) {
  var row = $("<tr>");
  row.append($("<td>").text(data.id));
  row.append($("<td>").text(data.name));
  row.append($("<td>").text(data.email));
  $("#data-table tbody").append(row);
});