Как работает ввод тега img на DOM вручную

Question

Я вручную внедряю тег в DOM, однако мне нужно проверить, был ли он загружен, прежде чем предпринимать какие-либо действия с этим компонентом в DOM. Почему это происходит?

let img = $("<img />").attr({
    src: 'path to img',
    name: 'name of img'
});

$("#myDIV").html(img);

$(img).one('load', function(){
    // why can i do action with 'img' only after being available in the DOM?
});