In a table, I put the totals at the top since they need to be able to add rows to the bottom

For this reason I want to hide the first delete button, and since this is the only table that you can add rows to, I would expect this to work. But it does nothing and does not throw any errors. The click function is running but the method to hide the first delete button found doesn't actually hide it.

I can hide all of them but I want to hide the first one, or any specific one for that matter using the get(n) method.

  $('.cf-table-add-row').on('click',function(){
    
    $('.cf-table-delete').first().hide();
    
  });