Как перемещать элемент в DOM? - программирование

У меня есть элемент #superWidget в DOM, который является очень интерактивным. Он использует jQuery UI sortable, draggable и множество других плагинов.

<div id="wrapperA"></div>
<div id="wrapperB">
  <div id="superWidget"></div>
</div>

Я хочу изменить положение #superWidget в DOM. Я хочу удалить его из #wrapperB и поместить его в #wrapperA.

<div id="wrapperA">
  <div id="superWidget"></div>
</div>
<div id="wrapperB"></div>

Я пробовал следующее...

var copy = $("#superWidget").clone(true, true);
$("#superWidget").remove();
$("#wrapperA").append(copy);

... однако это ломает много плагинов.

Я не хочу переписывать все. Есть лучший способ сделать это? (Я замечаю, что jquery UI sortable каким-то образом способен перемещать элементы в DOM без нарушения интерактивности... должен быть способ.)

Спасибо (заблаговременно) за вашу помощь

Ответ 1