Javascript JQuery DBのレコード名と画像ファイル名が違う場合、画像を表示させないようにしたい

Question

この質問をご覧いただきありがとうございます。
こちらマルチポストではございません。

レコードに登録している画像のファイル名とS3にアップロードしている画像のファイル名が違った場合、画像を非表示にしたいと考えています。
レコード名と画像ファイル名が違いますので、apiはerrorを使うと思ったのですが、なぜか発火していない状況です。
デヘロッパーツール→Networkで画像ファイルの欄をみたところ、ステータスは403　になっています。
ソースコードで画像ファイルの名前をクリックすると
This XML file does not appear to have any style information associated with it. The document tree is shown below.
と表示されます。

やりたいこと

下記のコードでは、既にファイル名を違うものに変更しているので、
①画像の非表示
②console.logにて「エラー発生」の文字
上記二点を実現したいと思います。

開発環境 AWS Cloud9 PHP/Laravel
画像のアップロード先 AWS S3

$(function(){
    var obj = $("img.image-link-check");
    obj.each(function(i, o){

        $(o).on('error', function(){
            $("img.image-link-check").hideImage();  
            console.log("エラー発生");
        })
    });

<img class="image-link-check src="https://hogehoge.amazonaws.com/test/{{ $image_file }}" alt="" /></a>