[jQuery] Fade To with nested items?

[YWFTDG]

Hey guys, I am having an issue with the fadeto function and with
multiple items. I have:

$(document).ready(function(){
        $("#content div").fadeTo("slow", 0.5);

        $("#content div").hover(function(){
                $(this).fadeTo("fast", 1.0);
        },function(){
                $(this).fadeTo("fast", 0.5);
        });

});

Then on my page, I have the main div (#content) and then divs in
there. I am trying to fade up the div on rollover, but the issue is
this div has another div in it. When it fades up, it doesn't fade up
the nest div, unless I roll over that div, then they are both faded
up. Inside the second div is a span as well. Its actually fading
everything, but I want all items inside the div target ( id="<?=$row-
>pId?>") to all fade up. My nested div is like this:

 <div id="<?=$row->pId?>" style="float: left;">
                <div id="title">
                <span style="z-index: 99; position:absolute;">Project
Title</span>
                </div>
        </div>

Any ideas/ solutions?