title: How to position a div dynamically below another?
body: <p>I'm trying to use jQuery to detect the position of a div (<code>#olddiv</code>), so I can use that position to place another div (<code>#newdiv</code>) exactly below it. The right borders of the 2 divs are aligned (right border). </p>
  
  <p>I'm trying to get the <code>#olddiv</code> bottom and right locations to use them as the <code>#newdiv</code> top and right borders. I've used this code, but it's not working. Any idea what I'm doing wrong? </p>
  
  <pre><code>var right = $('#olddiv').position().right;
  var top = $('#olddiv').position().bottom;
  $('#newdiv').css('top', right);
  $('#newdiv').css('right', top);     
  </code></pre>
  
  <p>Also, I'm not sure if <code>position</code> is what I need. I think this can be done with <code>position</code> or <code>offset</code>, but I'm not sure:</p>
  
  <pre><code>$('#ID').position().left
  $('#ID').offset().left
  </code></pre>
  
  <p>Thanks</p>