jQuery UI draggable-自定义数据消失

我在使用jQuery UI Draggable和设置自定义数据方面遇到了一个奇怪的问题。

我的代码:

$('.drag')
    .data('foo', 'bar')
    .draggable({
        stop: function(event, ui) {
            var foo = $(this).data('foo');
            alert(foo); // alerts 'undefined'
        }
    });

拖下去的时候好像失去了一切(控制台.log'ing$(this).stop()中的数据显示空对象)。是

有什么想法吗?