<html>
<head>
<title>jQuery - Hello jQuery</title>
<script src="Static/common/js/jquery-1.4.4.js" type="text/javascript"></script>
<script type="text/javascript">
    var thisPage = {
        initialize: function () {
            this.initializeDom();
            this.initializeEvent();
        },
        initializeDom: function () {
            this.$btnShow = $("#btnShow");
        },
        initializeEvent: function () {
            this.$btnShow.bind("click", function(event) {
                $("#divMsg").toggle(300);
            });
        }
    }
    $(thisPage.initialize());
</script>
</head>
<body>
<input id="btnShow" type="button" value="Say Hello to jQuery world" />
<div id="divMsg" style="border:1px dotted #3c3c3c; display:none; width:400px;">Hello jQuery!</div>
</body>
</html>