I have been struggling with this one problem for about 5 days now and I have tried many different things but have not made any progress. Can someone please help me to find a solution?

Here is a video showing what my page does currently https://imgur.com/a/DmkP0ut

What is happening is the user inputs some text into a form which checks for records in a database and creates rows with the info taken from that database. Then when the user ticks the checkbox it will append the row to another div. The problem is that when the user searches another name the rows that have been selected disappear. I would like for these rows to stay where they are then when the user continues to the next page I would like the info in the selected rows to carry over to the next page. I have tried many different approaches including cloning the rows, saving the ID as a session variable and attempting to retrieve info for that ID from the database again, and saving the individual names as making the divs from scratch. I am not even sure which approach is the right one let alone how to do it. I know I have not really given a lot of information but I really don't know what code is important, so if you need any more information just ask.