I cannot seem to get my 3 column layout to equalized heights with any of the jquery plug ins I have tried, and I have tried all of them. I put an alert in the code to see is the script even works and the alert pops up but my columns are still empty. My only reason for needing equal heights is so that the borders extend the full length of the page (center column).
Since the alert pops up, I assume the script page is being accessed
Why are my jquery scripts for the columns not working?
Code:
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript">
$(document).ready(function(){ 
 $.fn.equalizeHeights = function(){
    return this.height(
        Math.max.apply(this,
            $(this).map(function(i,e){
                return $(e).height()
            }).get()
        )
    )
}

	
 alert("hi");

});
I have tried these plug-ins with and without the alert and only the alert works.
I also have other div's inside the left, center and right div's...would this be giving me problems?Thanks!