.height reload div height multiple times
<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>
