Переместил навешивание события в другое место и не перестало работать

[hrundel]

Сначала был такой код. Обратите внимание на место расположения$('#sendbutton').click(fun ction(){alert('hohohohoho');});

$(document).ready(
	(function(){
		return myfunc;
	})()
);

function myfunc(){
	console.log('well done');
	$('#sendbutton').click(function(){alert('hohohohoho');});
}

Затем я навешивание события переместил внутрь $(document).ready() и событие перестало работать:

$(document).ready(
	(function(){
		$('#sendbutton').click(function(){alert('hohohohoho');});
		return myfunc;
	})()
);

function myfunc(){
	console.log('well done');
}

Что я не так сделал?

[hrundel]

Уже разобрался. Это из-за того, что конструкция (function(){...})() вызывается в тот же момент, когда браузер находит её. А в этот момент загружен jQuery, но не загружено тело документа, где находится тег #sendbutton. Если переместить все скрипты в конец тега body, то всё будет работать.

[hrundel]

$(function(){
	$('#sendbutton').click(function(){alert('hohohohoho')});
});

Не пробовал. Думаю, что не надо извращаться, а делать только так, как написано в документации.