move up/down in jquery
<p>I Have 5 spans i am trying to move them up/down (swap positions) in jquery</p>

<pre><code>&lt;a href="#" id="up"&gt;Up!&lt;/a&gt; 
&lt;a href="#" id="down"&gt;Down!&lt;/a&gt;

&lt;span id='1'&gt;Test1&lt;/span&gt;&lt;br&gt;
&lt;span id='2'&gt;Test2&lt;/span&gt;&lt;br&gt;
&lt;span id='3'&gt;Test3&lt;/span&gt;&lt;br&gt;
&lt;span id='4'&gt;Test4&lt;/span&gt;&lt;br&gt;
&lt;span id='5'&gt;Test5&lt;/span&gt;
</code></pre>

<p>i have tryed but nothing is happening.</p>

<pre><code> $("#"+LinkID).insertBefore($("#"+LinkID).next('span')); 
</code></pre>
