destroyReturns: jquery element

    
 <button onclick="create()" class="gj-button-md">Create</button>
 <button onclick="dropEl.destroy()" class="gj-button-md">Destroy</button>
 <br/><br/>
 <style>
 .draggable { border: 1px solid #999; width: 300px; height: 200px; text-align: center; }
 .droppable { border: 1px solid #999; width: 300px; height: 200px; text-align: center; }
 .hover { background-color: #FF0000; }
 </style>
 <div id="droppable" class="droppable">Drop Here</div>
 <div id="draggable" class="draggable">Drag Me</div>
 <script>
     var dropEl;
     $('#draggable').draggable();
     function create() {
         dropEl = $('#droppable').droppable({
             hoverClass: 'hover'
         });
     }
     create();
 </script>