title: .height reload div height multiple times
body: <p>I'm trying to use an increase font jquery script but when the font size is increased I dont know how to make jquery reload the div size so that a scroll bar appears/disappears. I've got tantilisingly close but my code only works the first time I click, subsequently it doesnt update. Here is the code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;  
  $j(document).ready(function(){
    // Reset Font Size
    var originalFontSize = $j('html').css('font-size');
      $j(".resetFont").click(function(){
      $j('html').css('font-size', originalFontSize);
    });
    // Increase Font Size
    $j(".increaseFont").click(function(){
      var currentFontSize = $j('html').css('font-size');
      var currentFontSizeNum = parseFloat(currentFontSize, 10);
      var newFontSize = currentFontSizeNum*1.2;
      $j('html').css('font-size', newFontSize);
      $j("#content").height(auto);
      return false;
    });
    // Decrease Font Size
    $j(".decreaseFont").click(function(){
      var currentFontSize = $j('html').css('font-size');
      var currentFontSizeNum = parseFloat(currentFontSize, 10);
      var newFontSize = currentFontSizeNum*0.8;
      $j('html').css('font-size', newFontSize);
      return false;
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I added this $j("#content").height(auto); to the end of increase height. From what I gather the first time the function is called it sets the height to auto which works. But then on subsequent clicks the height is already set to auto so it doesn't make a difference. If anyone could show me how to modify my code I would be very grateful.</p>