After ajax call to delete, how to append data from database

After ajax call to delete, how to append data from database

I have a MVC application that has a timer that deletes a name every 15 seconds from the  table and the database. I have the deletion working correctly. However, I am stuck on figuring out how to always have 5 records displaying. I have tried to reload the table but that isn't working either. 

For example, I have records 1,2,3,4,5, when record 1 is deleted when the timer reaches the end of 15 seconds, then the page should display 2,3,4,5,6. (If I Need to display my MVC code i can add that.)

  2.   $(document).ready(function () {
  3.         startTimer();
  4.         function startTimer() {
  5.             $('#timer').countdown({
  6.                 layout: '{mnn} : {snn}', timeSeparator: ':', until: 15, onTick: TimerColorChange, onExpiry: restartTimer
  7.             });
  8.         }
  9.        
  10.        
  11.         function restartTimer() {
  12.           
  13.             var Id = $("#item_Id").val();
  14.             $('#timer').countdown('destroy');
  15.             
  16.             //we delete the table's Info
  17.             $('#FullName').parent().remove();
  18.           
  19.             // deleting records from entity framweork database;
  20.             $.ajax({

  22.                 url: '@Url.Action("Delete", "UserNames")',
  23.                 type: "POST",
  24.                 data: ({ Id: Id }),
  25.                 dataType: "json",
  26.                 cache: false,
  27.                 async: true,
  28.                 success: function (data) {
  29.                     $('#NameList > tbody:last-child').append("<tr><td>"+ $('#FullName').val()+"</td> </tr>");
  30.                    // $('#NameList').html(data);
  31.                 }

  33.             });
  34.                
  35.             startTimer();

  37.         }