[jQuery] Multiple Image Fade

[dc]

Hi,

I'm trying to write a script to fade in/out some image thumbnails. I'm
trying to achieve the following:

1) Fade in/out individual thumbnails on thumbnail hover
2) Fade in/out all thumbnails of the a class when hovering over a text
link of the same class.

Everything works except that in #2 the images don't return to 0.5
opacity when the mouse leaves the text link.

I'm pretty new to jQuery, can anyone help me out? Here's my code:

<script type="text/javascript">
$(document).ready(function(){
        $("img.thumb").fadeTo(1, 0.5); // fade when page loads

        $("img.thumb").hover(
                function() {
                        $(this).fadeTo(300, 1.0); // 100% on hover
                },
                function() {
                        $(this).fadeTo(300, 0.5); // 50% out
                }
        );

        $("#work_list #name a").hover(
                function() {
                        var post_id = $(this).attr("class");
                        $("img." + post_id).fadeTo(500, 1.0);
                },
                function() {
                        $("img." + post_id).fadeTo(500, 0.5);
                }
        );
});
</script>

Thanks so much!