Join two h: dataTable with jQuery without losing records after update

I have two datatables, the first one loads 5 records when loading the page and the second one is hidden and empty.

Whenever the scroll reaches the end of the page I go to the database, I load 5 more records and fill in the arraylist of the second datatable and then with jQuery I give an append of those records from the second table to the first table: / p>

x = $(#segundaTabela);
$(x).children().children().each(function(){
    $(this).clone().appendTo($('.primeiraTabela').children());
    });

Everything works fine, but I noticed that the ajax requests from the records in the second table stop working when I update it.

Can you solve this?

I'm doing this just to leave the data loading more dynamic without getting this refresh in table 1, ie I always load in the second hidden table and then with jQuery clone the records in the first, but if I update the second, even the records that were cloned stop working the ajax requests.

Could anyone help me?