Próbuję użyć jQuery do przeniesienia elementu z jednej lokalizacji do drugiej w DOM. Obok niego znajdują się elementy identyczne z kontenerem początkowym, więc jak mogę zachować jego dokładną poprzednią lokalizację, aby wróciła do niego? Oto przykład ...

<div class="container"></div>
<ul>
    <li></li>
    <li><div class="move">Content</div></li>
    <li></li>
    <li><div class="move">Content</div></li>
    <li></li>
</ul>

... divy "move" są indywidualnie przenoszone do div "container", a następnie z powrotem do ich poprzedniej lokalizacji na zdarzeniu przez jQuery .appendTo (). Jak upewnić się, że każdy „ruch” div powraca do swojej poprzedniej lokalizacji, wykrywając, gdzie został przeniesiony (jego dokładna lokalizacja w DOM w stosunku do dokumentu lub w inny określony kontener macierzysty)?

EDIT: Poprawiłem klasy w div, ponieważ konkretny przypadek, z którym pracuję, ma elementy listy będące dokładnymi duplikatami siebie (strukturalnie), z unikalną zawartością w obrębie odpowiednich elementów. Zdarzeniem, które powoduje przeniesienie div „move” z powrotem do pierwotnej lokalizacji, jest kliknięcie w niego przycisku. Skąd przeniesiony element wie, gdzie wrócić do raz przeniesionego (w szczególności, w jaki sposób wie, który element listy znajduje się na liście)?