title: jquery animate append
body: <p>i got a working code of sortable div. </p>
  
  <pre><code>&lt;div id="container"&gt;
    &lt;div id="a" class="insidebox"&gt;A&lt;/div&gt;
    &lt;div id="b" class="insidebox"&gt;B&lt;/div&gt;
    &lt;div id="c" class="insidebox"&gt;C&lt;/div&gt;
    &lt;div id="d" class="insidebox"&gt;D&lt;/div&gt;
  &lt;/div&gt;
  
  var $initial = $('.insidebox');
  $('.insidebox').click(function(){
      $(this).parent()
           .append( $initial.not(this) );
  });​
  </code></pre>
  
  <p>or see here: <a href="http://jsfiddle.net/dsnegi/WTTyB/2/" rel="nofollow">http://jsfiddle.net/dsnegi/WTTyB/2/</a>
  however i am not able to get its id and instead of a quick swap, i would like to have smooth animation.</p>
  
  <p>any suggestions would be appreciated.</p>
  
  <p>thanks,</p>