can't figure out why droppable drop function not working...

can't figure out why droppable drop function not working...


hi all,
i can't figure out why the drop function isn't working for my
droppable, even though the draggables and hoverClass works. i've been
using jquery for awhile and this is the first time that i've been
stuck. any ideas why it isn't working? thanks.
javascript:
$(document).ready(function(){
$(".action").draggable
({revert:"invalid","zIndex":"100","opacity":"0.9",cursor:"-moz-
grabbing",helper:"clone"});
$(".droppable").droppable({
        accept: ".action",
        tolerance: "touch",
        hoverClass: "droppableHover",
        drop: function(ev, ui) {
     alert("TEST");
     }
    });
});
HTML of droppable div:
<div class="node drop droppable" style="float:left;">
<div class="nodeTitle">Final Rejection Actions</div>
<div class="actionItem"><div class="delete">x</div><img src="{!
$Resource.ape_unlock}"/> Record Unlock</div>
</div>