jQuery appendTo (switching back and forth)
<p>So what I'm trying to accomplish is a simple appendTo a certain element. The issue I'm having is after execute is run, it appends to the location but then proceed to go back to the ul it resides in.</p>

<pre><code>&lt;script type="text/javascript"&gt;
    function execute() {
      $('#desCopy').appendTo('#description')
      $('#imgPlace').appendTo('#IMGbox')
    }
&lt;/script&gt;

&lt;div id="content" style="background:#000; width:989px;"&gt;
    &lt;div style="float:left; left:18px; margin:0; width:337px; position:relative; padding:15px 0 0 0; color:#FFF;"&gt;
        &lt;div id="description"&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div
      id="IMGbox"
      style="float:left; position:relative; display:block; background:#F00; width:652px; height:258px; background:#0FF; overflow:hidden;"&gt;
    &lt;/div&gt;

    &lt;div style="float:right; background:#CCC; height:25px; width:652px;"&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a href="" onclick="execute()"&gt;Slide 1&lt;/a&gt;
                &lt;ul style=""&gt;
                    &lt;li&gt;&lt;span id="desCopy"&gt;Test description, Test description&lt;/span&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;img src="images/test.jpg" id="imgPlace"&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
