Code won't execute in $(document).ready but will in developer console
<p>I have some code wrapped in <code>$(document).ready(function(){ /*code*/ });</code>, and all of it works fine, except for one line.  The code above it works fine, the code below it works fine, I'm not getting any errors in my console.</p>

<pre><code>$('.main-right.category').height( $('.footer').height() + $('.main-right.category').height() );
</code></pre>

<p>That doesn't fire.  However, if I paste that exactly in the developer console and press enter after the page has loaded, it works.  All of the elements exist at page load (meaning none are built dynamically via javascript).  Same result in chrome, firefox, IE. </p>

<p>Any ideas?</p>

<p>edit: I should add that my css is loaded before my javascript, and I've done other CSS related tweaks in this same javascript file that have worked fine.</p>

<p>Also, if I console.log $('.main-right.category').height() and $('.footer').height() right above that line of code, they both give non-zero integer values like I'd expect.</p>
