DOM内の要素を移動するには？

Question

非常にインタラクティブなDOMに#superWidgetという要素があります。これは、jqueryのUIをソート可能、ドラッグ可能な、および他のプラグインの束を使用します。

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

私はDOMに#superWidgetの位置を変更したいです。 #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のソート可能に方法がなければならない...何とか任意の双方向性を壊すことなく、DOMの周りの要素を移動することができることに注意してください。）（事前に）

おかげであなたの助けのために

Answer 1

ではなく複製、これを行うだけです：

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