help with moving elements with jquery
<p>i got these two in the DOM:</p>

<pre><code>&lt;div id="buffert"&gt;
      &lt;span class="left"&gt;&lt;a&gt;link&lt;/a&gt;&lt;a&gt;link&lt;/a&gt;&lt;/span&gt;
      &lt;span class="right"&gt;Some text&lt;span&gt;title&lt;/span&gt;&lt;/span&gt;
&lt;/div&gt;

&lt;div id="final"&gt;
      &lt;span class="left"&gt;&amp;nbsp;&lt;/span&gt;
      &lt;span class="right"&gt;&amp;nbsp;&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>i want to move whatever elements within the div#buffert span.left and span.right to div#final span.left and span.right.</p>

<p>i tried:</p>

<pre><code> $('div#final span.left').append($('div#buffert span.left'));
 $('div#final span.left').append($('div#buffert span.left.children'));
 $('div#final span.left').append($('div#buffert span.left.children()'));
</code></pre>

<p>but it doesnt work.</p>

<p>could someone help me?</p>
