Jquery access div in table cell
<p>I'm trying to access the first div with a class from hovering on a table row;</p>

<p>Here is my html:</p>

<pre><code>&lt;table id='search_job_results_table'&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;div style='position:relative'&gt;&lt;div class='search_job_tooltip'&gt;blah blah&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>I've tried with the following:</p>

<pre><code>$(function () {
    $('table#search_jobs_result_table tbody tr').mouseover(function () {
        $(this).children().next('div.search_job_tooltip').css('display', 'block');
    });
});
</code></pre>

<p>The hovering works part works, as I can wak an alert in there and it triggers, but not setting the css of that div. I always get stuck on this for some reason, any ideas?</p>
