jquery - HTML5 ボイラープレートで作成された JQuery アニメーションが IE9 で機能しない

Question

HTML5 ボイラープレート テンプレートを使用してサイトを開発しており、JQuery を使用してマウス オーバー効果を作成しました。IE8、Firefox、およびクロムで正常に動作しています。ただし、IE9 および IE10 にはありません。ここのコードとhttp://jsfiddle.net/sr77in/TGzsf/2/の作業サンプルを見つけてください

$(document).ready(function(){
$('.infoimg').hover(function(){
$('.infodata',this).stop().animate({bottom: '0px'}, 500)
}, function(){
$('.infodata',this).stop().animate({bottom: '-50px'}, 500)
})
});

前もって感謝します。