I am displaying a dialog box on opening of the page. But the problem is when I click on one of the buttons of dialog box, the dialog box window does not close. I don't know why.

Here is my code :

$(document).ready(function() {
    var x=$('#loginstatus').val();
    if(x==1){
        $("#dialog").html("Do You Want to go for Face Recognition and Detection?");
        $("#dialog").dialog({
            autoOpen: true,
            modal: true,
            title: "Permission for Face Recognition",
            width: 600,
            height: 300,
            resizable: false,
            buttons: {
                "Yes,Why Not": function() {
                     $(this).dialog("close");
                     callback("1");
                 },
                 "No,Thanx": function() {
                     $(this).dialog("close");
                     callback("2");
                 }
            }
       });
    }
});

And in html I have the dialog div and other necessary inputs.

Html:

<div name="dialog" id="dialog"></div>
<input type="hidden" name="loginstatus" id="loginstatus" value="<%=firstlogin%>"/>

test this, I made some changes in button :

$(document).ready(function() {
                    var x=$('#loginstatus').val();
                    if(x==1){
                        $("#dialog").html("Do You Want to go for Face Recognition and Detection?");
                        $("#dialog").dialog({
                            autoOpen: true,
                            modal: true,
                            title: "Permission for Face Recognition",
                            width: 600,
                            height: 300,
                            resizable: false,
                            buttons: { 

                                "Yes,Why Not": function() {
                                callback("1");
                                $(this).dialog("close");

                            },
                            Cancel: function() {
                            callback("2");
                            $(this).dialog("close");

                            }

                            }

                    });
                    }
                    });

more