I have an even that I'm trying to run and it doesn't seem to be working for some reason. I've tried it a few times and have seen it work on other sites, and I'm not sure what I'm doing wrong. Here's the code that I'm using for it:

HTML Code:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascrupt" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript">

$(document).ready(function () {

	$('div.small_event').hover( function() {
			$(this).stop().animate({ backgroundColor: "#562D11"}, 500);
		}, function () {
			$(this).stop().animate({ backgroundColor: "#000000"}, 500);
		});

});
</script>
The color isn't changing and everything looks correct. Am I missing something?

Oh, and I don't want to use any of those color plugin's that people keep seeming to talk about. I'd rather learn how to do this on my own.