Замена значка «Закрыть» в диалоговом окне JQueryUI

После обширных поисков по этой теме я не смог найти ответ, так что, надеюсь, кто-нибудь может помочь У меня относительно простое диалоговое окно:

$("#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);
    }
});

Я хочу заменить значок X (ui-icon-close) другим значком, предоставленным интерфейсом пользователя (ui-icon-minus), поэтому этот щелчок по значку минус вместо этого закрывает диалоговое окно. Я видел сообщения о том, как скрыть значок или заменить его настраиваемым изображением в css, но я еще не нашел способ заменить значок другим значком для выполнения та же функциональность.

Изменить: я также хочу иметь возможность использовать ui-icon-close для других функций в моем диалоговом окне, добавив настраиваемое поведение / местоположение, но это может выходить за рамки этого вопроса. Не стесняйтесь чтобы решить эту проблему, если это связанное решение.