jQuery UI Open Dialog and Create a Close Button

gistfile1.txt

var modalDialog = $('#dialogDiv').dialog({
  autoOpen: false,
  open: function () {
    // Destroy Close Button (for subsequent opens)
    $('#dialog-div-close').remove();
    // Create the Close Button (this can be a link, an image etc.)
    var link = '<a id="dialog-div-close" href="#" style="float:right;text-decoration:none;">Close</a>';
    // Create Close Button
    $(this).parent().find(".ui-dialog-titlebar").append(link);
    // Add close event handler to link
    $('#dialog-div-close').on('click', function () {
      modalDialog.dialog('close');
    });
  }
});