title: How to unfocus the user from the input box in a confirmation box using Jquery?
body: <p>I am having a confirmation box with a input field requesting a date. When the confirmation box appears, the input box is in focus. How do I unfocus it? I need to drop down a calendar when I click on the input field. Here is my relevant code: </p>
  
  <pre><code>$(".confirmLink").click(function(e) {
      e.preventDefault();
      var targetUrl = $(this).attr("href");
     document.getElementById('dialog').focus();
      $("#dialog").dialog({
          buttons : {
              "OK" : function() {
  
                  window.location.href =  targetUrl+"/"+"deletedDate"+"/"+document.getElementById('deletedDate').value;
              },
              "Cancel" : function() {
                  $(this).dialog("close");
              }
          }
      });
  
      $("#dialog").dialog("open");
  });
  
  function datepicker(){
      $( "#deletedDate" ).datepicker(
      {
          dateFormat: 'yy-mm-dd',
          changeMonth: true,
          changeYear: true,
          showAnim: "slideDown"
      });
  }
  </code></pre>
  
  
      <h1></h1>