title: How to add height to wrapper with jQuery?
body: <p>I need to add css height to each page dynamically with jQuery.</p>
  
  <p>So far I got the following code, but it does not add height to #wrapper.</p>
  
  <pre><code>function getPageSizeWithScroll(){
  if (window.innerHeight &amp;&amp; window.scrollMaxY) {// Firefox
      yWithScroll = window.innerHeight + window.scrollMaxY;
      xWithScroll = window.innerWidth + window.scrollMaxX;
  } else if (document.body.scrollHeight &gt; document.body.offsetHeight){ // all but Explorer Mac
      yWithScroll = document.body.scrollHeight;
      xWithScroll = document.body.scrollWidth;
  } else { // works in Explorer 6 Strict, Mozilla (not FF) and Safari
      yWithScroll = document.body.offsetHeight;
      xWithScroll = document.body.offsetWidth;
  }
  arrayPageSizeWithScroll = yWithScroll;
  //alert( 'The height is ' + yWithScroll + ' and the width is ' + xWithScroll );
  return arrayPageSizeWithScroll;
  }
  var newheight = getPageSizeWithScroll() + 30;
  
  $('#wrapper').css({'height':'newheight'});
  </code></pre>