title: animate 'insertBefore' jquery
body: <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>