jquery - コードは IE を除くすべてのトップ ブラウザで動作します

Question

いくつかの要素のテキストを変更し、トランジションをアニメーション化する次のコードがあります。Firefox、Chrome、および Safari で動作することがテストされています。問題は、IE では効果がないことです。私がこれまでに持っているものの代わりに、またはそれに加えて使用する必要があるコードはありますか?

$('.overlay').on("click",function(){
    $('#category, #description').stop(true)

    var text = $(this).attr("data-title");

    $('#category').animate({'opacity': 0}, 1000, function () {
       $(this).text(text);
    }).animate({'opacity': 1}, 1000); 

    var info = $(this).attr("data-text");

    $('#description').animate({'opacity': 0}, 1000, function () {
       $(this).text(info);
    }).animate({'opacity': 1}, 1000);
});