Не срабатывает функция при наступлении события
 

Подскажите пожалуйста где может быть ошибка?
Вроде все верно написано, скрипт в html подсоединен, но не работает.
Заранее большое спасибо!

html:
div id="logoMogo"><img src="images/Logo/Logo.png"></div>

javascript:
$(function() {
var pictureChange = document.getElementById("logoMogo");
function logoClick () {
alert("Ширина фото: " + pictureChange.width);
}
pictureChange.onclick = logoClick;
});

Valentin1918,
откуда в диве ширина возьмётся?

Valentin1918,
http://learn.javascript.ru/metrics#scrollwidth-height

В стиле прописана. Даже если оставить просто текст - не работает.

Вопрос не в этом. Я говорю, что если оставить просто alert("сообщение"), при нажатии на картинку ничего не работает.
Если в html функцию прикреплять, то работает, а если в JS - нет.
Кто знает в чем может быть проблема?

Valentin1918,
значит ставить скрипт в конце страницы

Ок попробую, НО
я думал, что если прописано внутри $(function() { }); то не важно в каком месте страницы ставить скрипт.

Valentin1918, вообще да, но главное, чтобы он был ниже jQuery.

Ruslan_xDD,
файл JS прописан ниже, чем JQuery.
Какая-то у меня аномалия. Помогите кто с таким сталкивался.