使用.contents（）交换内容的Jquery和IE问题

Question

以下脚本适用于跨浏览器但不适用于IE。基本上它是一个“添加到篮子”按钮，单击时会被“微调器”和文本“请稍候...”替换，一旦从服务器得到响应，该按钮就会恢复。

一切都很好但是在IE中，按钮上的“添加到篮子”文本丢失了;按钮被替换，尽管没有文字。

JQuery的：

$(function () {
    $('.button').click(function (e) {
        e.preventDefault();
        var button = $(this);
        var content = button.contents();

        $.ajax({
            type: 'get',
            url: '/shop/add/some-product-name/',
            data: '',
            cache: false,
            dataType: 'text',
            beforeSend: function (rs) {
                button.html('<p class="para"><img src="/media/images/spinner.gif" />Please wait...</p>');
            },
            success: function (rs) {
                button.html(content);

                if (rs = 'YES') {
                    $('#modal > p.text').html('<span class="green">Item added successfully</span>');

                    $('#modal').modal({
                        overlayClose: true,
                        opacity: 80,
                        overlayCss: {
                            backgroundColor: '#fff',
                            cursor: 'cursor'
                        }

                    });
                }
                else {
                    alert('Something went wrong');
                }

            }
        });



    });
});

HTML：

<p class="button">
    <a href="#">
        <span class="add">Add to Basket</span>
    </a>
</p>

任何建议都会受到欢迎，提前谢谢