title: Compare all the DIVs in LI and set the max height to the DIV to other DIVs in LI
body: <p>I've some code some thing like below:</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;ul id="product-matrix" class="clearfix"&gt;
      &lt;li class="product product-medium"&gt;
          &lt;a href="#" class="showQuickViewPan"&gt;
              &lt;img src="../images/556116.jpg" class="product-image" height="243" width="243" /&gt;
          &lt;/a&gt;    
          &lt;div class="swatch-container"&gt;
            &lt;p class="visually-hidden"&gt;Color Options:&lt;/p&gt;
          &lt;/div&gt;   
          &lt;div class="product-info"&gt;
            &lt;h2&gt; &lt;a href="#"&gt; Travelpro FlightPro Rolling Tote&lt;/a&gt; &lt;/h2&gt;
            &lt;p class="price-original price-small"&gt; &lt;span&gt;regular&amp;nbsp;&lt;/span&gt;$299.99&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="ratings-info"&gt;
              &lt;a class="ratingsimage" href="#"&gt;&lt;img src="../images/rating-5.0.gif" alt=""/&gt;&lt;/a&gt;
              &lt;span class="reviewcount"&gt;(&lt;a href="#"&gt;5&lt;/a&gt;)&lt;/span&gt;
          &lt;/div&gt;    
          &lt;img src="../images/Online_Exclusive_v1_m56577569836982197.gif" alt="" /&gt;    
          &lt;img src="../images/OnlyAtKohls_Burg_v1_m56577569836982195.gif" alt="" /&gt;
      &lt;/li&gt;
      &lt;li class="product product-medium"&gt;
          &lt;a href="#" class="sr-item-new"&gt;&lt;span class="sr-new-img"&gt;&lt;/span&gt;
              &lt;img src="../images/742063_Black.jpg" class="product-image" height="243" width="243"/&gt;
          &lt;/a&gt;
          &lt;div class="swatch-container"&gt;
              &lt;p class="visually-hidden"&gt;Color Options:&lt;/p&gt;
              &lt;ul class="clearfix"&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;
          &lt;/div&gt;
          &lt;div class="product-info"&gt;
              &lt;h2&gt;&lt;a href="#"&gt;Columbia Wool Jacket&lt;/a&gt;&lt;/h2&gt;
              &lt;p class="price-original"&gt;&lt;span&gt;original&amp;nbsp;&lt;/span&gt;$200.00&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="ratings-info"&gt;
              &lt;a class="ratingsimage" href="#"&gt;&lt;img src="../images/rating-5.0.gif" alt=""/&gt;&lt;/a&gt;
              &lt;span class="reviewcount"&gt;(&lt;a href="#"&gt;5&lt;/a&gt;)&lt;/span&gt;
          &lt;/div&gt;
          &lt;img src="../images/Online_Exclusive_v1_m56577569836982197.gif" /&gt;
          &lt;img src="../images/Online_Exclusive_v1_m56577569836982197.gif" /&gt;
       &lt;/li&gt;
  ...
      &lt;/ul&gt;
  </code></pre>
  
  <p>In the above code the <strong>product-info</strong> DIV may have 2 to 10 lines of text so now What I'm trying to achieve is I want to calculate the height() of <strong>product-info</strong> DIV and assign the same height to all the product-info DIVs in all the LIs, which I'm unable to solve. any help is greatly appreciated. Thanks!!</p>