Если у меня есть следующий HTML:

<ul>
  <li>test</li>
  <li class='draggable'>special</li>
  <li>test</li>
</ul>

Как мне сохранить.draggableтекущее местоположение DOM (в общем)?

Я планирую перетащить это.draggable вокруг, добавив его кdocument.body и делаетposition: absolute; но мне нужно будет восстановить его, если пользователь не сможет ничего с ним сделать.

Я мог бы сделать это с клонами, скрывая оригинал и используя прокси для перетаскивания, но я чувствую, что эта проблема, вероятно, была решена более напрямую

Мысли?