Equal Height Columns with jQuery

In a multi-column template, the columns height is based on the content length. If the content lengths are varied then the columns will not be even and will not have a good look and feel. We can do this dynamically to equate the column heights.

We have an example of a two-column template. These two columns have contents with different length. We are going to make these columns with equal height by using jQuery.