title: Replacing the Close icon for a JQueryUI Dialog box
body: <p>After extensive searching on this topic, I haven't been able to find an answer, so hopefully someone can help me with this issue.  I have a relatively basic dialog box:</p>
  
  <pre><code>$("#dialog-search").dialog({
      resizable: false,
      height:dimensionData.height,
      width: dimensionData.width,
      modal: true,
      title: dimensionData.title,
      position: [x,y],
      open: function() {
          $("#dialog-search .dateField").blur();
      },
      close: function(event, ui){
         callBack(event,ui);
      }
  });
  </code></pre>
  
  <p>What I want to do is replace the X icon (ui-icon-close) with a different icon provided by the ui (ui-icon-minus), so that clicking the minus icon closes the dialog instead.  I've seen posts on how to hide the icon or replace it with a custom image in css, but I haven't yet found a way to replace the icon with another icon to perform the same functionality.</p>
  
  <p>Edit: I also want to be able to use ui-icon-close for a different functionality in my dialog box by adding a custom behavior/location, but that may be outside the scope for this question.  Feel free to address this if it's a related solution, though.</p>