Как логичнее переподчинить DOM-элемент другому родителю?

первое, что приходит в голову - jQuery detach и add
но, поверхностно изучив реализацию в jQuery, понимаю, что это все довольно громоздко, особенно, если элемент содержит множество подчиненных узлов

второе, что приходит в голову - скопировать в новое место $(...).html исходного узла, а потом очистить исходный узел. Но это значит создавать копию, расходовать память.

Нет ли простого способа изменить родителя в одно движение, чтобы за кулисами в браузере не ворочались большие объемы данных?


^{прошу прощения, если вопрос простой - не силен я пока в JS}

ЯМ, спасибо, так работает:



А как преобразовать элемент, выбранный селектором jQuery в элемент подходящий для выполнения данного метода?
То есть хочу что-то типа такого:

skyANA, ага, спасибо за ответ.
я пропустил append, не обратил внимание, что он может не только разметку добавить, но и узел.

skyANAЕсли считаете, что метод выполняется не оптимальнонене, заглянул, там как раз appendChild внутри без всяких циклов и копирования содержимого )