Javascript 如何在DOM中移动元素？

我在DOM中有一个元素#superWidget，它非常具有交互性。它使用jQueryUISortable、Dragable和一系列其他插件

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

…但是这破坏了很多插件

我不想重新绑定所有东西。有更好的方法吗？（我注意到jQueryUISortable能够在不破坏任何交互的情况下在DOM中移动元素……一定有办法。）

---

（提前）感谢您的帮助

不要重复，只需执行以下操作：

document.getElementById('wrapperA').appendChild(document.getElementById('superWidget'));

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

document.getElementById('wrapperA').appendChild(document.getElementById('superWidget'));