jQuery Mobile настройки Иконки для кнопок

Я пытаюсь добавить значки к кнопкам, которые я динамически создавал с помощью jQuery. Я создал класс css для кнопки. При запуске я получаю серый круглый круг на стороне кнопки, а не изображение. При проверке элементов я получаю, что изображение для кнопки было переопределено.

Как обеспечить отображение значков кнопок вместо серого круга? Код, который я использовал, это:

JS:

var btn1 = $("<button/>", {'id': 'TestButton'}).html('Sample Button');
btn1.buttonMarkup({ theme: 'c', icon: 'btn1' });

CSS:

.ui-icon-btn1 {
    background-image: url('../../images/gallery.jpg');
    background-color: rgb(255,255,255);
    border-style: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
}