JQuery hover menu that works like a regular menu if the brower has javascript disable
<p>Is there a way to make this code not have the hover point links' pictures not come up if the browser has Javascript disable? And then have the links work like a regular hover point when Javascript is disable?</p>

<pre><code>&lt;script type="text/javascript" src="/Scripts/jquery-1.2.2.pack.js"&gt;
&lt;script type="text/javascript"&gt;
$(function () {
// set opacity to nill on page load
$("ul#bnavmenu span").css("opacity", "0");
// on mouse over
$("ul#bnavmenu span").hover(function () {
// animate opacity to full
$(this).stop().animate({
opacity: 1
}, 'slow');
},
// on mouse out
function () {
// animate opacity to nill
$(this).stop().animate({
opacity: 0
}, 'slow');
});
});
&lt;/script&gt;
</code></pre>
