jQuery Draggable / Droppable - Remove all dropped 'items'
<p>Is it possible to remove all dropped 'items' on a droppable div by pressing a single button?</p>

<p>Thanks,
LS</p>

<pre><code>$("#wrapper").droppable({
                accept: '.shape',
                drop: function(event, ui) 
                    {
                        $(this).append($(ui.helper).clone());
                        $("#wrapper .shape").addClass("item");
                        $(".item").removeClass("ui-draggable shape");
                        $(".item").draggable({
                            containment: '#wrapper'
                        });
                    }
                });

                 $("#trash").droppable({
                    accept: '.item',
                    drop: function(event, ui) 
                    {
                        $(ui.draggable).remove();
                    }
                });
</code></pre>

<p>I've created a div called trash, so when the items are dropped into this they are removed. I need similar functionality to this but when a button is pressed it removes all of the dropped shapes without having to drag them onto the trash div.</p>
