jquery fading in from full opacity to 0.2
<p>when the page loads i would like the span overlay to fade in from full #000 to opacity 0.2
and then stay at 0.2 to which when i hover it goes to opacity 0</p>

<p>this is the code i have at the moment</p>

<pre><code>$(function () {
    $('ul li a').append('&lt;span id="load"&gt;&lt;/span&gt;');
    $('span').css('display', 'block').fadeOut(3400);

    $('span') .animate ({
            "opacity" : .2
    });

    $('span') .hover(function() {
        $ (this) .animate ({"opacity": 0});
    }, function () {
        $(this).stop() .animate ({"opacity": .2 });
    });
});
</code></pre>

<p>here is an example</p>

<p><a href="http://satbulsara.com/experiment-04/" rel="nofollow">http://satbulsara.com/experiment-04/</a></p>
