How to drag Div to another column? [closed]

In the image below, I have several columns where the user can drag the div and put it in another column, as shown in the image:

I'musing Sortable for Jquery-UI . I can drag this div to the other column without major problems with the code below:

  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script><script>$(function(){$("#sortable1, #sortable2" ).sortable({
      connectWith: ".connectedSortable"
    }).disableSelection();
  } );
  </script>

I would like to persist this information in the database, that is, when the user returns on the page the divs would be in the place he left.

Can anyone help me with how to do it?