JQuery div.height ошибочен в Chrome, чтобы сделать все divs одинаковой высоты

Я использовал следующий код, чтобы иметь равную высоту для rightpos, leftpos и middlepos divs:

<script>

    jQuery.noConflict();
    jQuery(document).ready(function($){

        // Find the greatest height:
        maxHeight = Math.max($('#rightpos').height(), $('#middlepos').height());
        maxHeight = Math.max(maxHeight, $('#leftpos').height());

        // Set height:
        $('#rightpos').height(maxHeight);
        $('#middlepos').height(maxHeight);
        $('#leftpos').height(maxHeight);

    })
</script>

Определение самого высокого div, использующего этот путь для главной страницы http://yaskawa.ir/, хорошо работает в Firefox, но имеет проблемы в Chrome.

---

ОБНОВЛЕНИЕ 1 после ответа Sparky672:

Я вижу, что с этим кодом alert('test here'); в конце не работает.

<script>
    jQuery.noConflict();
    //jQuery(document).ready(function($){});

    jQuery(window).load(function($){

        // Find the greatest height:
        maxHeight = Math.max($('#rightpos').height(), $('#middlepos').height());
        maxHeight = Math.max(maxHeight, $('#leftpos').height());

        // Set height:
        $('#rightpos').height(maxHeight);
        $('#middlepos').height(maxHeight);
        $('#leftpos').height(maxHeight);

        alert('test here');
    })
</script>