title: Jquery find image height not working
body: <p>I'm trying to use jQuery to find the image height of the first "grand children" of a container, then set the container to that height.  But, I can't seem to pull the image height attribute - getting the src works.  Any ideas?  Is it just trying to pull the heights via CSS?  How do i get the "real heights"  I can't input the width and height in img tag - so that's not an option ;(</p>
  
  <pre><code> $(document).ready(function() {
         var imageContainer = '#image-container';
  
  
         var imageSrc = $(imageContainer).children(':first').children(':first').attr('src'); // control test
         var imageHeight = $(imageContainer).children(':first').children(':first').height(); // have also tried attr('height')
  
         alert(imageSrc + ' ' + imageHeight);
  
      });
  
  
      &lt;div id="image-gallery"&gt;
        &lt;div id="image-container"&gt;    
  
          &lt;div class="slide"&gt;
            &lt;img src="test1.jpg" alt="test1" /&gt;
            &lt;p&gt;
              &lt;strong&gt;This is a test 1&lt;/strong&gt;
            &lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="slide"&gt;
           &lt;img src="test2.jpg" alt="test2" /&gt;
           &lt;p&gt;
             &lt;strong&gt;This is a test 2&lt;/strong&gt;
           &lt;/p&gt;
         &lt;/div&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>