title: How can I equalize the heights of divs in table based on the tallest div using jQuery?
body: <p>I am creating a page that has a table with a bunch of images in it. Each image is wrapped in a set of divs. The images are user-added, so I have no control over the aspect ratio, but I will be enforcing a maximum width and height on uploaded images.</p>
  
  <pre><code>&lt;table class="pl_upload"&gt; 
    &lt;tr class="row1"&gt; 
      &lt;td class="col1"&gt; 
        &lt;div&gt;
          &lt;div class="img-container"&gt;
            &lt;a href="#"&gt;&lt;img src="img.jpg" width="182"  alt="X" /&gt;&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt; 
      &lt;/td&gt;
      .......
  </code></pre>
  
  <p>What I would like to do is calculate the height of the tallest image div in the table, and then make the all of the image divs that same height using jQuery.</p>
  
  <p>I made a jsfiddle page for it here:</p>
  
  <p><a href="http://jsfiddle.net/Evolution/27EJB/" rel="nofollow">http://jsfiddle.net/Evolution/27EJB/</a></p>