jQuery UI dialog containment to drag inside specific areas

[grid_]

Hello,
I tried to work with jQuery UI dialog with containment. It actually works.
This code will enable the user to drag the dialog within the body.
The second thing I want it to enable modal. I usually do this with:

$(document).ready(function() {
    $("#dialog-modal").dialog({
        width: 500,
        height: 500,
        modal: true,
        autoOpen: false,
        resizable: false,
        open: close,
        close: open
    });

Here is my jquery code that will enable the containment mode:

$(document).ready(function ()
{
    $("#dialog").dialog();
    $('.ui-dialog').draggable( "option", "containment", 'body' );  
});

Can somebody help me to enable modal true again with containment?

Thanks a lot,

grid

[grid_]

I got it already working:

$(document).ready(function ()
{
    $("#dialog").dialog({modal:true});
    $('.ui-dialog').draggable( "option", "containment", 'body' );  
});

Thanks,

grid