javascript - jQuery画像変更エラーのあるIE9

Question

次のコードがあります。

<div class="thumbs">                                                    
   <div class="item"><a class="changeImage" data-src="pic_1.jpg" data-id="2"><img src="pic_1.jpg" alt="Karte 2"></a></div>  
   <div class="item"><a class="changeImage" data-src="pic_2.jpg" data-id="3"><img src="pic_2.jpg" alt="Karte 3"></a></div>
   <div class="item"><a class="changeImage" data-src="pic_3.jpg" data-id="4"><img src="pic_3.jpg" alt="Karte 4"></a></div>
   <div class="item active"><a class="changeImage" data-src="pic_4.jpg" data-id="6"><img src="pic_4.jpg" alt="karte 4"></a></div>
</div>  

そして、次の jQuery コード:

$(document).ready(function(){
    $('.changeImage').on("click",function(event){
        if (event.preventDefault) { 
            event.preventDefault();
        } else { 
            event.returnValue = false; 
        }
    var $rel = $(this).data('src');
    var $id = $(this).data('id');
    $(".card img").attr('src', $rel);
    $("input[name=cardid]").val($id);
    $(this).parent().siblings().removeClass('active');
    $(this).parent().addClass('active');
    })
})

IE9 で画像変更が機能しないのはなぜですか? それに切り替えると<a href="pic_1.jpg">、IE9で画像が直接開きます。他のすべてのブラウザは正常に動作しています。

アイデアはありますか？

jQuery 1.9.1 を使用しています