jquery + autoresize re-bind on ajax loaded divs
<p>I use the following module to do auto-scaling on my textareas</p>

<p><a href="http://james.padolsey.com/javascript/jquery-plugin-autoresize/" rel="nofollow">http://james.padolsey.com/javascript/jquery-plugin-autoresize/</a></p>

<p>It works great till I load some new textareas via ajax. I'm use to just switching .click with .live('click', fn) and it works fine.. but not this time. </p>

<p>My js to init auto-resize looks like</p>

<pre><code>$('textarea.comment_entry').autoResize({
    onResize : function() {
        $(this).css({opacity:0.8});
    },
    animateCallback : function() {
        $(this).css({opacity:1});
    },
    animateDuration : 300,
    extraSpace : 10
});
</code></pre>

<p>I was using the infinite scroll plugin and this was the magic</p>

<pre><code>$('div#content').infinitescroll({

  navSelector  : "a#next:last",            
  nextSelector : "a#next:last",   
  itemSelector : "#content div.content_box",
  donetext     : ""
},function(posts){
    $('textarea.comment_entry').autoResize({
        onResize : function() {
            $(this).css({opacity:0.8});
        },
        animateCallback : function() {
            $(this).css({opacity:1});
        },
        animateDuration : 300,
        extraSpace : 10
    });
});
</code></pre>
