title: jQuery.height() behaves differently in WebKit and Firefox when using box-sizing:border-box
body: <p>I have a textarea with the following style applied:</p>
  
  <pre><code>textarea {
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
  }
  </code></pre>
  
  <p>If I then run the following javascript/jquery code, my textarea's height gets cut in half using Safari(5.0.6) and Chrome(16.0.x):</p>
  
  <pre><code>$('textarea').each( function() {
      var $this = $(this);
      $this.height( $this.height() );
  }
  </code></pre>
  
  <p>According to the jQuery docs for .height(), this is the expected behavior because .height() returns the content height (no padding, border), regardless of the box-sizing property, but .height( value ) sets the content size <em>accounting for</em> the box-sizing property. So if my textarea has content-height:17px and padding-height:15px, .height() will return 17px. Then, if I set .height(17) my textarea that used to be 32px high is now only 17px high.</p>
  
  <p>My real-world application is using jQuery.fn.autoResize 1.14 (<a href="https://github.com/padolsey/jQuery.fn.autoResize" rel="noreferrer">https://github.com/padolsey/jQuery.fn.autoResize</a>) on textareas that have box-sizing applied. That code pulls a similar stunt to what I've described above.</p>
  
  <p>It works fine in FireFox 10. (That is, FireFox accounts for box-sizing in a more symmetrical way when getting and setting height.)</p>
  
  <p>My question is: Where is the bug, and where should I look for/propose a workaround? The jQuery.fn.autoResize plugin, the jQuery team, webkit, or FireFox?</p>