**EDIT**: Answered in comments - how do I vote for an answer in the comments?? Thanks!

I've been trying to implement this to no avail - I have no idea what's wrong - it worked perfectly in jsfiddle but not in my actual html code...I think it's something to do with how I implemented it. I'm sorry if this is a little elementary, but I'm quite new to jQuery. Here's the HTML code (including the jQuery code snippet):

```
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>

</head>
<body>
<script>
$(document).ready(function(){

$('a').mouseenter(function(){
    $(this).animate({
        color: '#ff0000'
    }, 1000);
}).mouseout(function(){
    $(this).animate({
        color: '#000000'
    }, 1000);
});

});
</script>

<a href = "http://google.com" class = "homeLink">Google</a>

</body>
</html>

```

Greatly appreciate any feedback, comments and advice! Baggio