jQuery UI confirmation Dialog

remade for http://stackoverflow.com/questions/887029/how-to-implement-confirmation-dialog-in-jquery-ui-dialog

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<div id="dialog" title="Confirmation Required">
  Are you sure about this?
</div>
<a class="confirmLink" href="http://someLinkWhichRequiresConfirmation.com">Click here</a>
<a class="confirmLink" href="http://anotherSensitiveLink">Or, you could click here</a>

JavaScript

$(document).ready(function() {
  $("#dialog").dialog({
    autoOpen: false,
    modal: true
  });
});

$(".confirmLink").click(function(e) {
  e.preventDefault();
  var targetUrl = $(this).attr("href");

  $("#dialog").dialog({
    modal: true,
    draggable: true,
    buttons: {
      "Confirm": function() {
        window.location.href = targetUrl;
      },
      "Cancel": function() {
        $(this).dialog("close");
      }
    }
  });

  $("#dialog").dialog("open");
});