$(document).ready(function(){
  $('#Add').on('click',Addrow);
  $('.remove').on('click',remove);
  $('#removeAll').on('click',removeAll);
});
//add btn that appends new rows to tbody
function Addrow() {
  var number = ($('tbody tr').length)+1;
  var tr = '          <tr>'+
              '<td>'+number+'</td>'+
              '<td><input type="text" placeholder="Student Name" class="form-control name"></td>'+
              '<td><input type="number" placeholder="Score" class="form-control score"></td>'+
              '<td><input type="number" placeholder="Forgiveness" class="form-control score"></td>'+
              '<td><span class="final"></span></td>'+
              '<td><span class="status"></span></td>'+
              '<td><input type="button" class="btn btn-primary btn-sm remove" value="Remove"></td>'+
            '</tr>'
  $('tbody').append(tr);
}
//remove btn that remove the row which is in it
function remove() {
  $(this).parent().parent().remove();
}
//remove btn that will remove All rows
function removeAll() {
  $('tbody tr').remove();
}

@@ -894,16 +894,17 @@
 w which 
+ 
 is in it

remove and removeAll(new) button now working