JavaScript Resizing not initalizing on page load
<p>Below is my JavaScript cod and I am having an issue that I hope someone can help me with. The function columnConform does not fire and resize the divs until I resize the actual browser window. So the function is working but just doesn't happen until I trigger the window resize event handler. What can I do to make the function fire when all the page content and the DOM is loaded? Thanks in advance!</p>

<pre><code>$(document).ready(function() {

$(function(){
    jumboSlide();
    columnConform();
});

function jumboSlide() {
    $('#jumboSlide').carousel()
}

function resetHeight() {
    $('.row-equal &gt; div').css("min-height", 0);
}

var currentTallest = 0,
    currentRowStart = 0,
    rowDivs = new Array();

function setConformingHeight(element, newHeight) {
    element.css("min-height", newHeight);
}

function getOriginalHeight(element) {
    return (element.data("originalHeight") == undefined) ? (element.outerHeight()) : (element.data("originalHeight"));
}

function columnConform() {
    $('.row-equal &gt; div').each(function() {
        var $element = $(this);
        var topPosition = $element.position().top;
        if (currentRowStart != topPosition) {
            for(currentDiv = 0 ; currentDiv &lt; rowDivs.length ; currentDiv++) setConformingHeight(rowDivs[currentDiv], currentTallest);
            rowDivs.length = 0;
            currentRowStart = topPosition;
            currentTallest = getOriginalHeight($element);
            rowDivs.push($element);
        } else {
            rowDivs.push($element);
            currentTallest = (currentTallest &lt; getOriginalHeight($element)) ? (getOriginalHeight($element)) : (currentTallest);
        }
        for (currentDiv = 0 ; currentDiv &lt; rowDivs.length ; currentDiv++) setConformingHeight(rowDivs[currentDiv], currentTallest);
        });
}

$(window).resize(function(){
    resetHeight();
    columnConform();
});

});
</code></pre>
