Move div rather than Remove()
<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).remove();
                            iNettuts.savePreferences();
                        });
                    });
                }
                return false;
            }).appendTo($(settings.handleSelector, this));
        }
</code></pre>

<p>Basically right now this code when 'close' is clicked it removes the content completely. What i would rather do is move it to a different div. I was reading about prependTo. I thought this would be as simple as changing:</p>

<pre><code>$(this).remove();
</code></pre>

<p>To:</p>

<pre><code>$(this).prependTo('.dock');
</code></pre>

<p>But doesn't seem to be that simple. This just removes it still. <a href="http://pastebin.com/u64XXAQ5" rel="nofollow">Full Code</a></p>
