title: jQuery ui dialog add a help icon in the titlebar
body: <p>I'd like to add a help icon in the title bar (right corner) of the JQuery UI dialog box.</p>
  
  <p>I started from the default dialog demo</p>
  
  <pre><code>$('span.OK').click(function() {
      setTimeout(function(){ $( "#dialog" ).dialog(); }, 100);
  });
  </code></pre>
  
  <p>here is the fiddle
  <a href="http://jsfiddle.net/survivant/cyFxp/3/" rel="nofollow">http://jsfiddle.net/survivant/cyFxp/3/</a></p>
  
  <p>I found that there is a default help icon in the theme, but I'm not sure how to display it in the title bar.</p>
  
  <p>The goal is to have a ? (help) button display beside the X (close) button.  When I click on it, I want a popup to open (probably another dialog) that will show the help.</p>
  
  <p>EDIT</p>
  
  <p>Thanks to the answers given, I have now a help icon that will show an alert when clicked.  However, when hovering over this icon, the cursor is a "move" cursor instead of a "pointer" cursor like the close button.</p>
  
  <p>How can I make prevent the "move" cursor in favor of the "pointer" cursor?</p>
  
  <p>PS.  the demo in the answer below works in jsbin, but my demo in jsfiddle doesn't work.</p>