I am trying to connect my JQuery file (Or .js file) to my HTML file. The problem is that when I mouse over my Div with the ID of zom nothing happens. Am I connecting this wrong? My JQuery looks like this:

```
$(Homepage.html).ready(function() {
    $('#zom').mouseenter(function() {
        $('#zom').fadeTo('fast', 0.25)
    });
    $('#zom').mouseleave(function() {
        $('#zom').fadeTo('fast', 1)
    });
});

```

And my HTML:

```
<div id="zom">Zombie Nom</div>

```

I do have the two files in the same file directory and I do have my html, body, and other tags but I just showed you my div. Thank you and by the way I am 11 so if this seems really simple don't downvote me.