changing div within another div
<p>My html looks like:</p>

<pre><code>&lt;div class="cal_wrapper_top" id="event-1"&gt;
    &lt;div class="cal_date"&gt;
        Feb 18
    &lt;/div&gt;

    &lt;div class="cal_events"&gt;
        Jack Johnson
    &lt;/div&gt;
&lt;/div&gt;
&lt;div class="cal_wrapper" id="event-2"&gt;
    &lt;div class="cal_date"&gt;
        Feb 19
    &lt;/div&gt;

    &lt;div class="cal_events"&gt;
        Jason Mraz
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>When you hover either event-1 or event-2, I want the div within this with id=date to be bolded.  </p>

<p>Is it possible to select this specific div?</p>
