在jQuery按钮中使用自定义图标

Question

我是JQuery开发的新手，我遇到了以下问题。

在JSP页面中，我以这种方式显示以下JQuery 按钮：

<button id="accept" name="ctrl" value="Accept" type="submit" class="acceptButton" onclick="sottometti(this,'<%=salDettaglio.getCodice()%>')">ACCEPT ICON BUTTON</button>

<button id="cancel" name="ctrl" value="Cancel" type="submit" class="cancelButton" onclick="sottometti(this,'<%=salDettaglio.getCodice()%>')">CANCEL ICON BUTTON</button>

此时这些按钮与标准JQuery图标相关联，就是这样：

    $(function() {
        $(".acceptButton").button({
            icons: {
                primary: "ui-icon-circle-check"
            },
            text: false
        });
        $(".cancelButton").button({
            icons: {
                primary: "ui-icon-closethick"
            },
            text: false
        });
    })

好吧，我的问题是，对于这两个按钮，我没有使用标准的JQuery图标（ ui-icon-circle-check 和 ui-icon-closethick ）但是名为 button_accept.png 和 button_cancel.png 的2个 png 图标位于我项目的文件夹中。

如何使用这些png代替标准的JQuery图标？