title: jQuery to make adjacent divs the same height
body: <p>I have a series of fields like :</p>
  
  <pre><code>&lt;div class="field-label-inline"&gt;
    &lt;div class="field-label"&gt;something1&lt;/div&gt;
    &lt;div class="field-items"&gt;
       &lt;div class="field-item"&gt;sometext1&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="field-label-inline"&gt;
    &lt;div class="field-label"&gt;something2&lt;/div&gt;
    &lt;div class="field-items"&gt;
       &lt;div class="field-item"&gt;sometext2&lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I want to make all the instances of the .field-label div the same height as the adjacent .field-items div (the height of this div varies according to its content). Sadly my jQuery is almost non-existent; here is my best but failed attempt :</p>
  
  <pre><code>$(document).ready(function(){    
  
    $('.field-label-inline &gt; .field-label', this).each(function(){
  
      var itemsHeight = 0;
  
      itemsHeight = $(this + .field-items).height();
  
      $(this).height(itemsHeight);
  
    });
  });
  </code></pre>