title: How to close parent dialog box from child dialog box which is opened by parent close button click event?
body: <p>I am trying to close a dialog box (parent) from another dialog box (child) which is opened on a parent dialog box close button “X”.  </p>
  
  <p>I am able to display a confirm box (with YES, NO buttons) as a child dialog by clicking on the parent dialog box close button “X” event. </p>
  
  <p>I am facing difficulty to close parent dialog box when user click on ‘YES’ button of child dialog box.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>ParentDialog = function () {
    $("#fullscreen").dialog({
      title: "Simple Step Wizard",
      position: ["left", "top"],
      width: "100%",
      height: $(window).height(),
      zIndex: 1000,
      modal: true,
      open: function (event, ui) {$("#left-panel").hide();},
      close: function (event, ui) {                    
        ChildDialog();
      }
    });
  }
  </code></pre>
  
  <p>Child Dialog Box:</p>
  
  <pre><code>ChildDialog = function () {
    $("#Confirm").dialog({
      modal: true,
      title: 'Please Confirm',
      zIndex: 10000,
      autoOpen: true,
      width: 'auto',
      resizable: false,
      buttons: {
        Yes: function () {
          $(this).dialog("close");
          //ParentDialog.Close() ??
        },
        No: function () {
          $(this).dialog("close");
        }
      },
      close: function (event, ui) {
        //$(this).remove();
      }
    });
  }
  </code></pre>