So, I have a weird one here. I have a form that duplicates the number of rows in a table to a secondary table. I have had four instances go through today. Two instances worked great and two did not. I can't figure out why.

Here is my javascript.

$(document).ready(function(){
  var r1 = $('.originalTable .propCount').val();
  
  while($('.duplicateTable .propCount').val() < r1){
    $('.duplicateTable .cf-table-add-row').click();
  };
});

I have confirmed that the main table has a CSS class "originalTable" and the second table has the class "duplicateTable".

Each instance had approximately 10 rows in the original table. On two of the instances only two rows appeared.

Here is the relevant section of one that worked.

The instance that did not work looks like this, but should have 10 rows.

I have tried both "Range of Rows" and "Append Rows" (see below), but nothing changes.

Any ideas? I'm at a loss. I can't figure out why it would work for some, but not all instances.