incorrect jQuery height
<p>I have a page with two columns and try to make them the same height using jQuery... I have the following code</p>

<pre><code>&lt;script type="text/javascript"&gt; 
$(document).ready(function() {
        var right_column_height = $("#right-column-wrapper").height()
        var content_height = $("#content-wrapper").height()
        console.log("content = " + content_height)

        if(right_column_height &gt; content_height) $("#content-wrapper").css("height", right_column_height)
        else $("#right-column-wrapper").css("height", content_height)
})
&lt;/script&gt; 
</code></pre>

<p>if right column is higher, its working correctly, but when when the content is higher, its acting weirdly...
on one page the height is set as expected, on other page its not working at all...
I added console logging to see whats happening and I see that the content height is not calculated in jQuery... but when I then enter the same code to console, I get a corret value... 
Can you suggest what's wrong in my code please...</p>

<p>See the demo at <a href="http://demo.romanpriryl.cz" rel="nofollow">http://demo.romanpriryl.cz</a>, the problematic page is <a href="http://beta.romanprikryl.cz/fotogalerie.htm" rel="nofollow">http://beta.romanprikryl.cz/fotogalerie.htm</a>, but working correctly on <a href="http://beta.romanprikryl.cz/objednavky.htm" rel="nofollow">http://beta.romanprikryl.cz/objednavky.htm</a></p>
