jQuery - переместить элемент и вернуться в его точное предыдущее местоположение?

Я пытаюсь использовать jQuery для перемещения элемента из одного места в другое в DOM. Рядом с ним есть элементы, идентичные исходному контейнеру, так как я могу сохранить его точное предыдущее местоположение, чтобы он вернулся к нему? Вот пример ...

<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>

... div "move" по отдельности перемещаются в div "container", а затем возвращаются в свое предыдущее местоположение по событию с помощью jQuery .appendTo (). Как я могу обеспечить, чтобы каждый div «move» возвращался в свое точное предыдущее местоположение, определяя, откуда он был перемещен (его точное местоположение в DOM относительно документа или другой указанный родительский контейнер)?

EDIT: я исправил классы в div, так как в конкретном случае, с которым я работаю, элементы списка являются точными копиями (структурно), с уникальным содержимым в соответствующих элементах. Кроме того, событие для перемещения div «move» обратно в исходное местоположение - это нажатие кнопки внутри него. Как перемещенный элемент узнает, куда нужно вернуться назад после перемещения (в частности, как он узнает, какой элемент списка в списке)?

Ответы на вопрос(3)

Ваш ответ на вопрос