Как добавить настраиваемый значок к стандартной теме пользовательского интерфейса jQuery?

Легко использовать один из значков, доступных из стандартного набора значков:

$("#myButton").button({icons: {primary: "ui-icon-locked"}});

Но что, если я хочу добавить один из мои собственные значки, которые не являются частью набора значков фреймворка?

Я подумал, что было бы так же просто, как дать ему свой собственный класс CSS с фоновым изображением, но это не сработало:

.fw-button-edit {
    background-image: url(edit.png);
}

Есть предложения?