jQuery : Dynamic table rows not working with events
<p>I am coding a HTML table of products. There are lot of columns with lot of jQuery events (change, click, etc) attached to form elements (button, text, select) inside each column. They work perfectly fine.</p>

<p>The last column contains "add" link which makes an AJAX callback to a URL that adds a new row dynamically inside the table. </p>

<pre><code>$('table td .addrow').live('click', function() {
  var cur_obj = this;
  $.ajax({
   url: 'product/addrow',
   success: function(data) {
    $(cur_obj).parent().parent().after(data);
   }
  });
 });
</code></pre>

<p>The row is getting added dynamically but none of the jQuery events are working even though they work fine with the preloaded rows.</p>
