jquery process doesn't work unless put inside $( document ).ready(function()) when script is placced after body code example
Example: js dom ready function
<!doctype html>
<html>
<head>
</head>
<body>
Your HTML here
<script>
// self executing function here
(function() {
// your page initialization code here
// the DOM will be available here
})();
</script>
</body>
</html>