title: JQuery Clear Form on close
body: <p>I have the below JQuery Dialog script, I'm trying to find out how to fire off a function that clears the form when I close the dialog. </p>
  
  <pre><code>function clearForm()
  {
  $(':input','#calcQuery')
  .not(':button, :submit, :reset, :hidden')
  .val('');
  };
  // form popup 
  $(document).ready(function() 
  {
  //var dataString = $("#calcQuery").serialize();
      $("#formBox").dialog({
        bgiframe: true,
          autoOpen: false, 
          height: 600,
          width: 400, 
          modal: false,
          closeOnEscape: true,
          title: "Calculator",
          buttons:    {
              "Calculate": function() {
  
  // form post
              $.ajax({
              type: "POST",
              url: "calc.php",
              data: $("#calcQuery").serialize(),
              dataType: "html",
              success: function(response)
                  {
                  $("#calcBox").html(response);
                  $("#calcBox").show();   
                  },
              error: function
                  (xhr, ajaxOptions, thrownError)
                      {
                      alert(xhr.status); 
                      alert(thrownError);
                      }
  
  
  
      }).responseText;
  
  // form post 
  
                  }
              } 
      });
  
  $('#calcButton').click(function(){
      $('#formBox').dialog('open');
      return false;
      });
  
  });
  
  $("#formBox").bind('dialogclose', function(event)
  {
  clearForm();
  }); 
  </code></pre>