代码在除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);
});