move content from one hidden div to another displayed div

Question

how do i move content from one hidden div to another displayed div using jquery?

say i have div1 with display style is none and another div "div2" with display style block.

how do I move the content from div1 to div2 and clear div1?

Answer 1

.contents() may be what you need:

$('#div1').contents().appendTo('#div2')

Take note that it will move (not copy) the inner elements from one div to the other.

Answer 2

Why not just show the hidden div and hide the displayed one?

But to answer your question.

 $('#div2').html($('#div1').html());
$('#div1').html('');