JQuery可拖放问题

我从这里修改了JS: http://jqueryui.com/demos/droppable/

<script type="text/javascript">
$(function() {
    $("ul.draggable li").draggable();
    $("div.droppable").droppable({
            drop: function(event, ui) {
                    alert('Hello World');
            }
    });
});
</script>

<ul class="draggable">
    <li id="one">One</li>
    <li id="two">Two</li>
    <li id="three">Three</li>
</ul>

<div class="droppable">
    <p id="round">Drop here</p>
</div>

如果我将draggable和dropable设置为HTML元素的id,JQuery就可以正常工作。
但是,当它们是类时,只有draggable功能可以工作,drop特性似乎什么都不做,alert函数也不会执行。

任何帮助都会很好。