Slide element into another elelment
<pre><code>$(settings.widgetSelector, $(settings.columns)).each(function () {
        var thisWidgetSettings = iNettuts.getWidgetSettings(this.id);
        if (thisWidgetSettings.removable) {
            $('&lt;a href="#" class="remove"&gt;CLOSE&lt;/a&gt;').mousedown(function (e) {
                /* STOP event bubbling */
                e.stopPropagation();    
            }).click(function () {
                if(confirm('This widget will be removed, ok?')) {
                    $(this).parents(settings.widgetSelector).animate({
                        opacity: 0    
                    },function () {
                        $(this).wrap('&lt;div/&gt;').parent().slideUp(function () {
                            $(this).prependTo('#dock');
                            iNettuts.savePreferences();
                        });
                    });
                }
                return false;
            }).appendTo($(settings.handleSelector, this));
        }
</code></pre>

<p>So this works however i do not see the result unless i refresh the page. What i would like is somehow to imitate a drag to the #dock div when the user clicks Close (drags &amp; drops to div). I thought maybe animate() would solve my issue but maybe i am thinking this will be simpler than it is.</p>

<p>Any suggestions would be appreciated.</p>
