check to see if div is empty issue
<p>i want to check if the div is empty if so i want to add text 'empty' to it. </p>

<p>What am i doing wrong? Thanks SO!</p>

<p><a href="http://jsfiddle.net/HuWUV/" rel="nofollow">js Fiddle File</a></p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div class="staff-row"&gt;
    &lt;img alt="" src="foo.jpg" /&gt;
    &lt;h2&gt;Lorem Ipsum! FOOO!&lt;/h2&gt;
    &lt;p&gt;Lorem Ipsum&lt;/p&gt;
  &lt;/div&gt;
  &lt;!-- eo : staff-row --&gt; 
</code></pre>

<p><strong>jQuery</strong></p>

<pre><code>$('.staff-row').mouseenter(function() {
    if ($('.staff-row').is(':empty')) {
        $('.staff-row').text('empty');
    } else {
        $('.staff-row').text('full');
    }
});​
</code></pre>
