title: jQuery .height() not functioning correctly
body: <p>I am trying to center a Modal Window on the screen (Which works completely fine), apart from when I'm adding content to it via jQuery and THEN getting it's width &amp; height to center, it will always output the height as <code>0</code> instead of it's intended height. Here's my code:</p>
  
  <pre><code>        // Now to use the Data and add it to the Modal Window...
          $('#portfolioModal .inner .data').html('&lt;h1&gt;' + parsedData['name'] + '&lt;/h1&gt;\n' + parsedData['desc'] + '');
  
          var modalWidth = $('#portfolioModal').width(); // Get the Modal Window's Width
          var modalHeight = $('#portfolioModal').height(); // Get the Modal Window's Height
  
          alert(modalHeight);
  
          var left = (windowWidth / 2) - (modalWidth / 2); // Calculate the left margin for center alignment
          var top = (windowHeight / 2) - (modalHeight / 2); // And calculate the top margin for center alignment
  
          $('#portfolioModal').css({ // Append the Left and Top margin to the Modal Window
              'left': left,
              'top': top
          });
  </code></pre>
  
  <p>Modal HTML:</p>
  
  <pre><code>        &lt;div id="portfolioMask"&gt;
                      &lt;div id="portfolioModal"&gt;
                                  &lt;div class="inner"&gt;
                                              &lt;div id="portfolioModalClose"&gt;Close&lt;/div&gt;
                                              &lt;span class="data"&gt;&lt;/span&gt;
                                  &lt;/div&gt;
                      &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Any help is appreciated!</p>