Add total number of Rows

Add total number of Rows

I am dynamically appending data to a tr and want to add number of rows to the bottom of the table. Below is my code. Any ideas will be appreciated.

  1. $('#admin').change(function() {   
  2. var select = $("#admin option:selected").val();
  3. $.ajax({
  4. cache: false,
  5. async: false,
  6. type: "GET",
  7. url: "@(Url.Action("Employees", "Details"))",
  8. dataType: 'json',
  9. data: { "id": select },
  10. success: function(data) {
  11. $("#admin").val(select);
  12. var target = $("#LoadEmployees");

  13. target.empty();
  14. for (var i = 0; i < data.length; i++) {
  15. var item = data[i];
  16. target.append("<tr><td>" +
  17. item.EmpId +
  18. "</td><td>" +
  19. item.ManagerId +
  20. "</td><td>" +
  21. item.AdminId +
  22. "</td><td>" +
  23. item.EmpNumber +
  24. "</td><td>" +
  25. item.EmpName +
  26. "</td><td>" +
  27. item.ManagerNumber +
  28. "</td><td>" +
  29. item.ManagerName +
  30. "</td><td>" +
  31. item.AdminNumber +
  32. "</td><td>" +
  33. item.AdminName +
  34. "</td><td>" +
  35. item.LoadEmployees +
  36. "</td><td>" +
  37. item.Permissions +
  38. "</td></tr>");
  39. }

  40. },

  41. error: function(xhr, thrownError) {

  42. }
  43. });

  44. });