событие загрузки не работает для выбранного элемента

Question

Я могу выбрать элемент изображения с помощью jquery. проблема в том, что я получаю ошибки, когда пытаюсь запустить событие загрузки, чтобы отслеживать, когда загрузка изображения завершена. Вот код и результат:

const coverSelector = $(`[aria-label="coverB"]`).find("image")[0];

  console.log(coverSelector);

  coverSelector.on("load", function() {
        alert('coverSelector is fully loaded!');
  });

<div class="slide-object slide-object-vectorshape shown      tweenable " style="z-index: 3; width: 1445px; height: 756px; opacity: 1; transform-origin: 715.5px 371.5px; transform: matrix(1, 0, 0, 1, 1405, -10); will-change: unset;" aria-label="coverB" data-model-id="65qtdJtdfsW" data-model-abs-id="_player.5g5VJPvQEXE.6hc3eOukv2x.65qtdJtdfsW" tabindex="-1" data-reactid=".0.0.3.2.0.1.0:$_player=15g5VJPvQEXE=16hc3eOukv2x.0.3:$c249.1:$c256">
   <div class="slideobject-maskable" style="height:765px;width:1454px;transform:translate(-9px, -9px);" data-reactid=".0.0.3.2.0.1.0:$_player=15g5VJPvQEXE=16hc3eOukv2x.0.3:$c249.1:$c256.$slideobject299">
      <svg xmlns="http://www.w3.org/2000/svg" data-xmlns-xlink="http://www.w3.org/1999/xlink" version="1.1" height="762" width="1451" viewBox="-9 -9 1451 762" data-commandset-id="2" data-accepts="events" data-reactid=".0.0.3.2.0.1.0:$_player=15g5VJPvQEXE=16hc3eOukv2x.0.3:$c249.1:$c256.$slideobject299.$0">
         <g class="eventable" data-accepts="events" data-reactid=".0.0.3.2.0.1.0:$_player=15g5VJPvQEXE=16hc3eOukv2x.0.3:$c249.1:$c256.$slideobject299.$0.$0">
            <image transform="scale(1, 1)" id="uniqueDomId-301" data-original-image="01" x="-6" y="-6" opacity="1" xlink:href="/H:/test%20covers/Untitled1%20-%20Storyline%20output/mobile/txt__default_65qtdJtdfsW.png" height="756" width="1445" data-accepts="events" data-reactid=".0.0.3.2.0.1.0:$_player=15g5VJPvQEXE=16hc3eOukv2x.0.3:$c249.1:$c256.$slideobject299.$0.$0.$0"></image>
         </g>
      </svg>
   </div>
</div>