title: jquery drag/drop problem: drop() function never gets called
body: <p>I'm having trouble with the droppable effect in jquery 1.3.1 (UI version 1.5.3). As far as I can tell, everything works perfectly except the drop() function doesn't get called. I can tell the droppable target is accepting the element being dragged (via the thumbnail class), but the draggable item won't drop. Thanks for your help in advance!</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" language="javascript" src="/jquery/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript" src="/jquery/jquery.ui.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" language="javascript"&gt;
  //&lt;!--
      $(document).ready(function() {
          $('.drop_box').droppable({
              accept: '.thumbnail',
              activeClass: 'droppable-active',
              hoverClass: 'droppable-hover',
              drop: function (ev, ui) { 
                  alert("Dropped!"); 
              }
          });
  
          $('#sample_thumbnail').draggable({ 
              helper: 'clone'
          });
      });
  //--&gt;
  &lt;/script&gt;
  &lt;style type="text/css"&gt;
      .drop_box {
          top:16px;
          width:250px;
          height:250px;
          border:1px solid #000000;
          float: right;   
      }
      .droppable-hover {
          background-color: #eeeeee;
          border: 1px solid red;
      }
      .droppable-active {
          background-color: orange;
          color: white;
          border: 1px solid blue;
      }
      .thumbnail {
          width:100px; 
          height:100px;
          border:1px solid green;
      }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="drop_box"&gt;droppable&lt;/div&gt;
  &lt;div id="sample_thumbnail" class="thumbnail"&gt;draggable&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>