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.

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

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

  43. },

  45. error: function(xhr, thrownError) {

  47. }
  48. });

  50. });