animate 'insertBefore' jquery
<p>Is there a way to add animation to 'inserBefore'? I have a wierd business requirement to have a tab in a navigation move from the last position on the right, to the first position on the left. </p>

<p>The business wants it to be obvious when this happens and the want to to move across in an animated way.</p>

<p>So a simplified example is this:</p>

<p>Say this is the nav in question.</p>

<pre><code>&lt;ul id="test"&gt;
  &lt;li&gt;First Item&lt;/li&gt;
  &lt;li&gt;Second Item&lt;/li&gt;
  &lt;li&gt;Third Item&lt;/li&gt;
  &lt;li&gt;Fourth Item&lt;/li&gt;
  &lt;li&gt;LAST Item&lt;/li&gt;
 &lt;/ul&gt; 
</code></pre>

<p>Any way to make the below behavior animated?</p>

<pre><code>$("li:last").insertBefore("li:first");
</code></pre>
