Code working in all top browsers except IE
<p>I have the following code to change text of a couple elements and animate the transition. Its tested as working in Firefox, Chrome and Safari. The problem is it has no effect in IE. Is there any code I should use instead of or in addition to what I have so far?</p>

<pre><code>$('.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);
});
</code></pre>
