fadeIn nav help
fadeIn nav help
Hi, new to jQuery trying to have a span fade in and fade out when I hover over a link. this is the js
<script>
$(document).ready(function(){
$("a.nav").mouseover(function() {
$(".fadeit").fadeIn(500);
}).mouseout(function() {
$(".fadeit").fadeOut(500);
})
</script>
this is the nav markup
<ul class="navigation right">
<li><span class="fadeit"></span><a href="#" class="nav">home</a></li>
<li><span class="fadeit"></span><a href="#" class="nav">purchaser</a></li>
<li><span class="fadeit"></span><a href="#" class="nav">supplier</a></li>
<li><span class="fadeit"></span><a href="#" class="nav">market</a></li>
<li><span class="fadeit"></span><a href="#" class="nav">contact</a></li>
</ul>
can anyone tell me why this isn't working?
I'm a little lost.