title: How do I use jquery to get the height of a dynamically created child element with no Id
body: <p>I have a div that dynamically get's loaded with two images always and possibly one div in between.  Neither the images or the div have id's associated with them (and I can't make them have Id's).  Inspecting them with firebug they are just shown as <code>&lt;IMG&gt;</code> and <code>&lt;DIV&gt;</code>.  I need to get the height of this child div when it exists.</p>
  
  <p>I was hoping I could do something like this...</p>
  
  <pre><code>$("#parentDiv &gt; DIV").height();
  </code></pre>
  
  <p>or this...</p>
  
  <pre><code>$("#parentDiv &gt; DIV")[0].height();
  </code></pre>
  
  <p>Since jquery $ returns an array.  The second one gives javascript errors so I know I'm off there.  I think these should be close though.  Any ideas?  </p>
  
  <p><b>Edit:</b>
  Here is the html I am running against.  </p>
  
  <pre><code>&lt;DIV id="parentDiv" name="parentDiv"&gt;
      &lt;IMG style="DISPLAY: block; VERTICAL-ALIGN: bottom; CURSOR: pointer" height="17" src="..." /&gt;
  
      &lt;!-- this div may or may not be here --&gt;
      &lt;DIV style="DISPLAY: block; BACKGROUND-IMAGE: url(...); WIDTH: 16px; CURSOR: pointer; BACKGROUND-REPEAT: repeat-y; POSITION: relative; HEIGHT: 144px; outline: none"&gt;
          &lt;DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 16px; POSITION: absolute; TOP: 128px; HEIGHT: 8px"&gt;
               &lt;IMG style="LEFT: 0px; POSITION: absolute; TOP: 0px" height="8" src="..." /&gt;
          &lt;/DIV&gt;
      &lt;/DIV&gt;
  
      &lt;IMG style="DISPLAY: block; VERTICAL-ALIGN: bottom; CURSOR: pointer" height="17" src="..." /&gt;
  &lt;/DIV&gt;
  </code></pre>