title: How to catch div height in each and set in another each?
body: <p>I have a simple markup example, like this:</p>
  
  <pre><code>&lt;div class="question-child"&gt;question 1&lt;/div&gt;
  &lt;div class="question-child"&gt;question 2&lt;/div&gt;
  &lt;div class="question-child"&gt;question 3&lt;/div&gt;
  &lt;div class="question-child"&gt;question 4&lt;/div&gt;
  
  &lt;div class="answer-child"&gt;answer 1&lt;/div&gt;
  &lt;div class="answer-child"&gt;answer 2&lt;/div&gt;
  &lt;div class="answer-child"&gt;answer 3&lt;/div&gt;
  &lt;div class="answer-child"&gt;answer 4&lt;/div&gt;
  </code></pre>
  
  <p>So, this <code>divs</code> are in foreach of php.<br>
  I need the <code>divs:answer-child</code> have the same height of <code>divs:question-child</code>. Because the <code>divs:question-child</code> change height according your content. (like a table row)</p>
  
  <p>I tried to use <code>$().each</code>, but I do not know if I'm doing the right way.<br>
  Can help me?</p>
  
  <p><strong>===UPDATE===</strong><br>
  With the help of @Florin Pop, we managed to accomplish each to sweep the divs as I said. But now I have another problem - which was to have mentioned here before.<br>
  As you can see <a href="http://jsfiddle.net/9h04Lhww/9/" rel="nofollow noreferrer">here</a>, the <code>div:all</code> involves all the questions and answers, and the same is repeated. The big problem are the titles. They also vary in height, like the divs in my previous question.<br>
  How to make the size of the <code>divs:old-title</code> have the same size of <code>divs:current-title</code> ???  </p>
  
  <p><a href="https://i.stack.imgur.com/MvDXr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MvDXr.png" alt="enter image description here"></a></p>