title: Get height of DIV and its content with JQuery
body: <p>I have a div which contains several elements:</p>
  
  <pre><code>&lt;div class="menuItem designMenu" id="dMenu"&gt;
    &lt;ul class="menuList menu"&gt;
      &lt;li class="menuHeader"&gt;Design&lt;/li&gt;
      &lt;li class="projectHeader"&gt;Mother&lt;/li&gt;
      &lt;li class="projectBody"&gt;Some text here&lt;/li&gt;
      &lt;li class="more"&gt;More&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to get the height of the dMenu items that I can animate it upwards, including all the content inside.  My Javascript currently:</p>
  
  <pre><code>var designHeight = $("#dMenu").height();
  </code></pre>
  
  <p>Returns nothing.</p>
  
  <p>I've tried <code>offsetHeight</code>, <code>scrollHeight</code>, and everything else Google turns up.  I'm running the jQuery at the end of the body, inside a document ready function.</p>
  
  <p>The reason to get the height to animate, instead of doing it manually, is that a: I'd like to learn how and b: I don't yet know how many items will be in the div.</p>