title: custom image on jquery ui dialog
body: <p>I am using Jquery UI Dialog on my asp.net view like this:</p>
  
  <pre><code>$("#dialog-dial-prefix").dialog({
          autoOpen: false,
          modal: true,
          width: 470,
          resizeable: true,
          buttons: {
              "OK": function () {
   $(this).dialog("close");
  
                                  }
  
  
                        ,
                         "Cancel": function () {
                             $(this).dialog("close");
                              var selectedDialPrefix = $("#SelecteddialprefixId").val();
                              $("#" + selectedDialPrefix).focus();
                          }
          }
      });
  </code></pre>
  
  <p>This Dialog has two buttons Ok and Cancel. I want to apply custom images ( which I have as png images) to these buttons. How can I add buttons and remove the text which is appearing as Ok and cancel on Jquery ui dialog buttons</p>