jQuery append (or appendTo) with Animation
<p>I have a UL-LI e.g.</p>

<pre><code>&lt;ul&gt;
    &lt;li id="1"&gt;item-1&lt;/li&gt;
    &lt;li id="2"&gt;item-2&lt;/li&gt;
    &lt;li id="3"&gt;item-3&lt;/li&gt;
    &lt;li id="4"&gt;item-4&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I would like to move one of the items to another position in the list. e.g. item-2 to AFTER item-4.</p>

<p>Normally I can do this by deleting the item and then appending it after another.</p>

<p>But I would like to do this to happen visually with animation. As in, item-2 descends to after item-4.</p>

<p>How can I achieve this?</p>
