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.