Проблемы с Jquery и IE при обмене контентом с использованием .contents ()

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>

Любые предложения будут приветствоваться, заранее спасибо