jQuery Issues within header.php

I’m having issues with jQuery and I’m not sure why. Is there a better way I should be incorporating the wp_enqueue_script();?? You can see a live version of the site here: angrybirdsguide.com. Here is part of the code I’m using in the header.php as well.

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
	<?php wp_head(); ?>

	<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/superfish.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('ul.menu').superfish({
				delay:0, speed:0, autoArrows:true, dropShadows:false
			});
		});
	</script>

	<script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.meerkat.1.3.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
			$('.meerkat').meerkat({
			background: '#F0F5F7', height: '110px', width: '100%', position: 'bottom', close: '#close-meerkat', dontShowAgain: '#dont-show', cookieExpires: 2, animationIn: 'slide', animationSpeed:0
			});
		});
	</script>