jQuery Div parent and child
<p>Right, lets say I have these repeated divs.</p>

<pre><code>&lt;div class="upcoming"&gt;
&lt;div class="roll" style="display:none"&gt;Hidden&lt;/div&gt;
&lt;/div&gt;
&lt;div class="upcoming"&gt;
&lt;div class="roll" style="display:none"&gt;Hidden&lt;/div&gt;
&lt;/div&gt;
&lt;div class="upcoming"&gt;
&lt;div class="roll" style="display:none"&gt;Hidden&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>This is incorrect, but how do I operate this using jQuery to reveal the "roll" class held inside when hovering over one of those divs.</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {  
    $(".upcoming").hover(function() {
     $(this + ".roll").fadeIn("Fast");
    }, function() {
     $(this + ".roll).fadeOut("Fast");
    });
});
&lt;/script&gt;
</code></pre>

<p>Any ideas? :)</p>
