title: Get the height of each row while using JqueryUI sortable
body: <p>I am using JqueryUI sortable so that I can sort and rearrange blocks. I am trying to get all the heights to equalize to the max height per row given that I do not know the height of each block and that they are constantly changing (because they are sortable). How do I get the max height of each row? </p>
  
  <p>Here is an example that I am working with: <a href="http://jsfiddle.net/zrNNZ/40/" rel="nofollow">http://jsfiddle.net/zrNNZ/40/</a></p>
  
  <p>I am using inline-blocks. Here is the CSS:</p>
  
  <pre><code>.blocks {
  padding: 0px;
  border: 0px;
  margin: 0px;
  display: inline-block;
  font-size:0px;
  width: 600px;
  }
  
  .block {
  opacity: 1.0;
  display: inline-block;
  vertical-align: top;
  position:relative;
  padding: 0px;
  border: 0px;
  margin-right: 2px;
  margin-bottom: 2px;
  border-spacing: 0px;
  };
  </code></pre>
  
  <p>As you can see in the example each block starting on the next row naturally accommodates for the max height of the previous row. Rather than having a lot of empty space between smaller blocks and larger blocks I want the max height of the row so that I can stretch the smaller blocks so that each row has the same height. The max height of each row can vary, I just want all the heights to be same all the way across.</p>