Issue On Exporting JSON Array to Table

Issue On Exporting JSON Array to Table

Can you please take a look at  This Demo  and let me know how I can export new entries from  fullData into the  #records_table  table

  1. var fullData = {
  2.     "users": []
  3. };

  5. $(document).ready(function () {
  6.     $("#addtoJSON").click(function () {
  7.         var user = $("#user").val();
  8.         var age = parseInt($("#age").val());
  9.         var grade = $("#grade").val();
  10.         var mark = parseInt($("#mark").val());
  11.         var data = {
  12.             name: user,
  13.             age: age,
  14.             grade: grade,
  15.             mark: mark
  16.         };
  17.         fullData.users.push(data);
  18.         console.log(fullData);
  19.         console.log(fullData.users[0].name);

  21.         $.ajax({
  22.             url: '/echo/json/',
  23.             type: 'POST',
  24.             data: fullData,
  25.             success: function (response) {
  26.                 var trHTML = '';
  27.                 $.each(response, function (i, item) {
  28.                     trHTML += '<tr><td>' + item.name + '</td><td>' + item.age + '</td><td>' + item.grade + '</td><td>' + item.grade + '</td></tr>';
  29.                 });
  30.                 $('#records_table').append(trHTML);
  31.             }
  32.         });
  33.     });
  34. });