autoresize dynamic html table using jQuery/Javascript ?

autoresize dynamic html table using jQuery/Javascript ?

Hi,

I have a dynamic html table , where last two columns ( textareas) are auto resizable.

But I am facing the below issues,
  •  The code works fine in jsfiddle but not in browser.
  •  Also , when first row textarea expand to a certain length. The next dynamic row that gets added "using add button" also has the same dimension as that of the expanded previous text area.

Fiddle demo

PS: I don't want to rely on any plugin for this.