読み込み 指定のdivを隠す

↓この場合スクリプトはdivより後でないと実行されない。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>jQuery読み込み</title>
<script src="js/jquery-1.7.2.min.js"></script>
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>
<body>
<div id="sample">このdivを消す</div>
<script>
 $('#sample').hide();
 </script>	
</body>
</html>