问如何在jQuery中拖动子对象时触发父拖事件？

EN

我在textarea元素上有问题。我正在动态地创建div (父)，然后将一个文本区域元素附加到该父-div中，其大小与父元素相同。当用户试图拖动textarea时，我希望将父(其中包含textarea)拖动。我尝试过handle选项，但这似乎不适用于textarea元素。

基本上，这就是我所拥有的(除非它是动态创建的)：

<div class="floatingPanel"> 
    <textarea class="dragger">
        Drag from here
    </textarea>
</div>

$(document).ready(function() {
    $('.floatingPanel').draggable({
        handle: '.dragger'
    });
});

我发现了一个与我的问题非常相似的jsFiddle。我对textarea元素进行了修改。

有趣的是，当文本区域更改为div时，它就工作了。我做错了什么？