Transition/Animate move to new parent - jQuery plugin

jquery-parent-to-animate.js

// Usage:
// $('.box').parentToAnimate($('.new-parent'), 200);
// $('.box').parentToAnimate($('.new-parent'), 'slow');
// $('.box').parentToAnimate('.new-parent', 'slow');

jQuery.fn.extend({
    // Modified and Updated by MLM
    // Origin: Davy8 (http://stackoverflow.com/a/5212193/796832)
    parentToAnimate: function(newParent, duration) {
        duration = duration || 'slow';
        
        var $element = $(this);
        
        newParent = $(newParent); // Allow passing in either a JQuery object or selector
        var oldOffset = $element.offset();
        $(this).appendTo(newParent);
        var newOffset = $element.offset();
        
        var temp = $element.clone().removeAttr('id').appendTo('body');
        
        temp.css({
            'position': 'absolute',
            'left': oldOffset.left,
            'top': oldOffset.top,
            'zIndex': 1000
        });
        
        $element.hide();
            
        temp.animate({
            'top': newOffset.top,
            'left': newOffset.left
        }, duration, function() {
            $element.show();
            temp.remove();
        });
    }
});

The element's size could change depending on the old and new parent (e.g. if the element has a size of 100%). To show a smooth transition, I added a few lines:
https://gist.github.com/Symmetronic/a52d6ff79900986e70b025817366875b