title: jQuery Get top offset relative to a specific div
body: <p>With jQuery, how would you find the offset position relative to a specific container?</p>
  
  <p>For example, you have this: </p>
  
  <pre><code>&lt;body style="padding:20px"&gt; 
  &lt;div id="top-container" style="margin-top:20px"&gt; 
      &lt;div id="one-level-container" style="margin-top:70px"&gt; 
          &lt;div id="two-level-container" style="margin-top:120px"&gt; 
              &lt;div id="ELEMENT" style="margin-top:10px"&gt; 
              &lt;/div&gt; 
          &lt;/div&gt; 
      &lt;/div&gt; 
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><em>(The padding and margin-top's are just there for examples.)</em></p>
  
  <p><strong>How would you check the position top of #ELEMENT to #top-container?</strong></p>
  
  <p>I've tried using jQuery's offset and position, but those don't seem to get the correct offset that I'm looking for.</p>