JQuery иногда возвращает нулевую высоту и ширину image

Я наблюдаю необычное поведение. У меня есть плавающее диалоговое окно, в которое я помещаю изображение. Я хочу получить размер изображения с помощью jquery и изменить размер его контейнера div до соответствующего размера. Он работает довольно хорошо, но функция иногда возвращает нули в качестве размеров изображения.

$('#dialogueContainer').html('<div class="dialogue"><img src="/photos/' + file + '" id="lightImage" /></div>');

var imageHeight = $('#lightImage').height();
var imageWidth = $('#lightImage').width();

console.log(imageHeight + 'x' + imageWidth); //<-- This occasionally returns "0x0"

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