Resize divs on page load and window resize
<p>Ok so I'm trying to get the height from the id <code>sna</code> and add it to three DIVs with the class <code>.sn_cat</code> on both page <strong>load</strong> and on window <strong>resize</strong>. This script adds very strange values or simply doesn't work at all. I'd like to see only suggestions that use jQuery. This height will be used on parts that the CSS can't reach (no parent and child relation).</p>

<pre><code>$(function (){
    /* Resize right Sticky notes Height */
    function resizeColumnHeigh() {  

            var snaHeight = $("#sna").height();

            $(this).find(".sn_cat").height(snaHeight);


    }   
    /* On window resize adjust the height */
    $(window).resize(function(){
         resizeColumnHeigh();
    });

    /* Run function */
    resizeColumnHeigh();        

});
</code></pre>

<p>A fiddle to play with:
<a href="http://jsfiddle.net/v4HJ5/" rel="nofollow">http://jsfiddle.net/v4HJ5/</a></p>
