appendTo is not working in jQuery modal dialog box on full window mode

I'm using jQuery modal dialog box. It's working fine with normal mode but when trying to open it on full window mode on a div container it's not appearing:

Also, I tried to use appendTo prop but still not working:

$("#dvProfileImage").dialog({
        buttons: [
            {
                text: "Complete",
                click: function () {
                    //
                }
            },
            {
                text: "Close",
                click: function () {
                    $(this).dialog("close");
                }
            }
        ]
        , modal: true,
        title: 'Title',
        width: 'auto',
        height: 'auto',
        appendTo: ".main-div-container"
    });