Resize text area to fit all text on load jquery

Question

I understand there has been a lot of discussion on this but I have yet to find a solution to fix my needs. Basically I need to autogrow a text area not when you type but on

Answer 1

This is an workaround.. and maybe an alternative solution:

 $('textarea').each(function(){
    var height = $('
')
                 .html($(this).val())
                 .appendTo('body')
                 .height();     
   $(this).css('height',height + 'px');
   $('#my-hidden-div').remove();

});

You can see a demo here http://jsfiddle.net/gZ2cC/