Editing not functioning for jquery rows
<p>I have a problem editing the data inside the rows after creating them. I tried using the <code>$(this).parent().parent().edit()</code> to edit the records but it seems not workable.</p>

<p>The source code is as follows:</p>

<pre><code>$(document).ready(function() {
  $('#btnAdd').live('click', function() {
    var name = $('#txtName').val();
    var name2 = $('#txtName2').val();
    $("#tbNames tr:last").after("&lt;tr&gt;&lt;td&gt;" + name + "&lt;/td&gt;&lt;td&gt;" + name2 + "&lt;/td&gt;&lt;td&gt;&lt;img src='delete.gif' class='delete' height='15' /&gt;&lt;/td&gt;&lt;td&gt;&lt;img src='edit.gif' class='edit' height='15' /&gt;&lt;/td&gt;&lt;/tr&gt;");
  });

  $('#tbNames td img.delete').live('click', function() {
    $(this).parent().parent().remove();
  });

  $('#tbNames td img.edit').live('click', function() {
    $(this).parent().parent().edit();
  });


  //$("#submit_app").button(); //Commented this line
  $("#submit_app").click(function() {
      var skipFirstRow = 0; //Skip first row
      $("#tbNames tr").each(function() {
          if (skipFirstRow++ == 0) return;
          var skipLastColumn = 0;
          $(this).children("td").each(function() {
              if (skipLastColumn++ == 2) return;
              alert($(this).html());
          });
     });
     var reclist = $("#txtName").val();
     console.log(reclist);
  });
});


&lt;input id="txtName" type="text" /&gt;
    &lt;input id="txtName2" type="text" /&gt;
    &lt;input id="btnAdd" type="button" value="Add" /&gt;
      &lt;table id="tbNames" border="1" &gt;
                   &lt;tr&gt;
                      &lt;th&gt;Name&lt;/b&gt;&lt;/th&gt;
                      &lt;th&gt;Name2&lt;/b&gt;&lt;/th&gt;
                      &lt;th&gt;Delete&lt;/b&gt;&lt;/th&gt;
                   &lt;/tr&gt;
                   &lt;tr&gt;
                     &lt;td&gt;Bingo&lt;/td&gt;
                     &lt;td&gt;Tingo&lt;/td&gt;
                     &lt;td&gt;&lt;img src="Delete.gif" height="15" class="delete" /&gt;&lt;/td&gt;
                     &lt;td&gt;&lt;img src="edit.gif" height="15" class="edit" /&gt;&lt;/td&gt;
                  &lt;/tr&gt;
       &lt;/table&gt;
  &lt;input id="insert_data" type="button" style="height: 35px; width: 225px" value="Retrieve Default User" /&gt;

  &lt;input id="submit_app" type="button" style="height: 35px; width: 225px" value="Add New User" /&gt;
</code></pre>

<p>Please advise if I have miss any coding.</p>
