Eu tenho um objeto arrastável (div), e alguns droppable (tabela TD's). Quero que o usuário arraste meu objeto arrastável para um desses TDs de droppable.

Eu habilito arrastável e droppable desta maneira:

$(".draggable").draggable();
$(".droppable").droppable();

O problema é que, com isso, o usuário pode arrastar a div para qualquer lugar da tela, inclusive fora da área de droppable.

Como posso limitar a área de limite do objeto arrastável?