title: jquery - padding to match height of another div
body: <p>I have a situation where I need a DIV to have padding-bottom which is equal to the height of another DIV, can anyone help me with how to do this with JQuery?</p>
  
  <p>(The reason being - I am using the Masonry JQuery plug in, which has a #container div which resizes the width to match the total width of all the masonry 'bricks' inside it.
  I also have a slider inside that #container DIV which resizes with the #container DIV when the browser window is resized.
  The problem is, the masonry plug in sets the HEIGHT of the #container DIV to match the total height of the masonry 'bricks' inside, but doesn't take into account the slider so the #container div isn't high enough to contain everything. - this is fixed if I add 'padding-bottom' to the container DIV to match the height of the #slider-wrap, however, when the window is resized smaller, the padding-bottom is the too much.)</p>
  
  <p>Structure (basic):</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="slider-wrap"&gt;&lt;/div&gt;
      &lt;div id="masonry-wrap"&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;!-- END container --&gt;
  </code></pre>
  
  <p>I hope I have explained this properly for someone to understand and help.</p>
  
  <p>Thanks in advance!</p>