Javascript(jQuery)の記述は

オライリーのjQuery本によると、Javascript(jQuery)の記述はの直前に記述するのがいいらしいです。

通常、head内に記述する場合は

と言うように、jQuery(document).ready(function(){〜});の記述をしなければいけないが、/bodyの直前なら、すべてのhtmlを読んだ直後なため、これらの記述を省略できるらしいです。

それを踏まえたサンプルが以下。同じように動きますね。