Jquery, $(this).next problem
<p>Trying to truncate some code here and running into a problem:</p>

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

    &lt;!--Content--&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 id="a1" href="#"&gt;Slide 1&lt;/a&gt;
                    &lt;ul style="display:none;"&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;li&gt;&lt;a id="a1" href="#"&gt;Slide 2&lt;/a&gt;
                    &lt;ul style="display:none;"&gt;
                        &lt;li&gt;&lt;span id="desCopy"&gt;2222, 22222&lt;/span&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;img src="images/test2.jpg" id="imgPlace"&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/li&gt;

            &lt;/ul&gt;

        &lt;/div&gt;


    &lt;/div&gt;
</code></pre>
