Question: I have a draggable object (div), and some droppable ones (table TD's). I want the user to drag my draggable object to one of those droppable TD's.

I enable draggable and droppable this way:

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

```

The problem is that with this the user can drag the div anywhere on the screen, including out of the droppable area.

How can I limit the boundary area for the draggable object?

Answer: 
```
$(function() { $( "#draggable" ).draggable({ containment: "window" }); });

```

of this code does not display.
Full code and Demo:
<http://www.limitsizbilgi.com/div-tasima-surukle-birak-div-drag-and-drop-jquery.html>

In order to limit the element inside its parent:

```
$( "#draggable" ).draggable({ containment: "window" });

```
```
$(function () {
    $( ".droppable-area" ).sortable({
                connectWith: ".connected-sortable",
                containment: ".droppable-area", //(parent div)
                stack: '.connected-sortable div'
            }).disableSelection();
});

```