将图像加载到jQuery中创建的动态按钮上

Question

[编辑：我现在已经创建了问题的jsFiddle]

我一直试图通过Lucas Bebber为我自己的项目调整this粘性效果按钮。与示例中的静态按钮不同，我需要根据上下文更改按钮的功能，因此在jQuery中构建它们，但无法在Chrome以外的任何浏览器中将图标加载到按钮上。 / p>

我认为问题所在的函数就是这个函数，它位于jsFiddle的第157行。

function buttonMapper() {
    var clickNameF = window[futurePage + '_click'];
    var clickNameB = window[oldPage + '_click'];

    $backIcon = $('<i/>', {
        'class': 'backGlass',
            'id': 'backIhold',
            'width': '70%'
    });
    $fwdIcon = $('<i/>', {
        'class': 'fwdGlass',
            'id': 'fwdIhold',
            'width': '70%',
    });
    $backButton = $('<button/>', {
        type: 'button',
            'class': 'menu-item-button',
            'id': oldPage + '_btn',
            'title': pageLabels[prevPage],
        click: function () {
            clickNameB();
        }
    });
    $forwardButton = $('<button/>', {
        type: 'button',
            'class': 'menu-item-button',
            'id': futurePage + '_btn',
            'title': pageLabels[nextPage],
        click: function () {
            clickNameF();
        }
    });
}