title: jQuery height() function not working on element
body: <p>I am currently in the process of putting together a jQuery touch carousel. I seem to have run into a slight problem when setting the height (or width) of an element, however.</p>
  
  <p>Below is the relevant code from the function:</p>
  
  <pre><code>carousel = function( container, options )
  {
      this.settings = $.extend({
  
          // General settings:
          width: 600,
          height: 400,
          slides: 'div',
          snapTo: true,
          mouseSupport: true,
          trackMovement: true,
          slideWidth: 600,
          slideHeight: 400,
  
          // CSS classes:
          wrapperCls: 'carousel_wrapper',
          innerCls: 'carousel_scroll_inner'
  
      }, options);
  
      this.container = container;
      this.scroller = null;
      this.slides = this.container.children(this.settings.slides);
      this.numSlides = this.slides.length;
      this.scrollWidth = this.settings.width * this.numSlides;
  
      this.container.addClass(this.settings.wrapperCls);
      this.scroller = $('&lt;div /&gt;').addClass(this.settings.innerCls);
      this.container.wrapInner(this.scroller);
  
      this.scroller.width(1500)
  
      this.scroller.css('width', this.scrollWidth);
      this.container.css({ width: this.settings.width, height: this.settings.height });
  };
  </code></pre>
  
  <p>This is in turn called by doing something like:</p>
  
  <pre><code>$(function() {
      var carousel1 = new carousel($('#myElement'));
  });
  </code></pre>
  
  <p><code>#myElement</code> definitely exists, and no error is thrown. <code>this.scroller</code> also contains the correct jQuery object which has been wrapped to the contents of <code>this.container</code>. The problem is that I am unable to set the CSS width or height of <code>this.scroller</code>, using either the <code>width()</code>, <code>height()</code> or <code>css()</code> functions. </p>
  
  <p>What am I missing? I have put together a <a href="http://jsfiddle.net/KfUdT/" rel="nofollow"><strong>jsFiddle</strong></a> to demonstrate the problem. If you check the element inspector, you can see that the dimensions are never updated for the <code>div.carousel_scroll_inner</code> element.</p>