title: How do I drag a grid from one gridster to another gridster?
body: <p>How can I drag a grid from one gridster to another gridster?</p>
  
  <pre><code>$(function () { //DOM Ready
  
      $(".gridster ul").gridster({
          widget_margins: [5, 5],
          widget_base_dimensions: [160, 160]
      });
  
      var gridster = $(".gridster ul").gridster().data('gridster');
      $( ".draggable" ).draggable();
      $( ".gridster " ).droppable({
          drop: function( event, ui ) {
              $( ".draggable" ).removeAttr("style");
              gridster.add_widget('&lt;li class="new"&gt;&lt;/li&gt;', 1, 1);                 
          }
      });                         
  });
  </code></pre>