jQuery object does not support this property or method
<p>I have a code like this:</p>

<pre><code>$(function() {
if ($("div#ProductDetail_ProductDetails_div2 table tbody tr").text().trim() == '') {
    $("div#ProductDetail_ProductDetails_div2").css("border", "0px");
    $("div#ProductDetail_ProductDetails_div").css({'border-bottom-left-radius' : '5px', '-moz-border-bottom-left-radius' : '5px', '-webkit-border-bottom-left-radius' : '5px', 'border-bottom-right-radius' : '5px', '-moz-border-bottom-right-radius' : '5px', '-webkit-border-bottom-right-radius' : '5px'});
}
});
</code></pre>

<p>Basically, it says if there is no content nested inside the <code>&lt;tr&gt;</code> , run some CSS modifications...</p>

<p>However, in IE8's debug console it says on this line <code>if ($("div#ProductDetail_ProductDetails_div2 table tbody tr").text().trim() == '') {</code> <strong><em>"object does not support this property or method"</em></strong> I have no clue what that means.</p>

<p>This is causing some problems with the other jQuery on the site. I know that when I comment it out, the site works perfectly. Can anybody tell me what's wrong the code that making IE complain? Thanks.</p>
