jQuery：如何用默认图像替换损坏的图像

Question

我想在图片库中使用默认图片替换损坏的图片。我使用jQuery来做到这一点：

<img src="#{articleController.getArticleMainImageLink(index)}" 
     class="articleImage" alt="#{msg['no.image.data']}" />

<script type="text/javascript">
    $(document).ready(function () {
        $("img.articleImage").on("error", function(){
            $(this).attr("src", "http://images5.fanpop.com/image/photos/28900000/Adriana-Lima-adriana-lima-28919058-1280-1024.jpg");
        })
    });
</script>

问题是页面重新加载后不会立即显示默认图像，但大约两分钟后（浏览器超时？）（使用Firefox 31，Safari 6.1.6测试）。有什么方法可以解决这个问题吗？