title: jQuery Draggable / Droppable - Remove all dropped 'items'
body: <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>