title: Update function in Jquery table
body: <p>Visit: <a href="http://jsfiddle.net/Aq8jB/7/" rel="nofollow">http://jsfiddle.net/Aq8jB/7/</a></p>
  
  <pre><code>$(document).on("click", "#edit", function(e) {
  
      var tr = $("#edit").parent();
      $("#fname").html('&lt;input type="text" value="'+$("#fname").text()+'"&gt;');
      $("#cmpny").html('&lt;input type="text" value="'+$("#cmpny").text()+'"&gt;');
      $("#emailid").html('&lt;input type="text" value="'+$("#emailid").text()+'"&gt;');
      $("#phno").html('&lt;input type="text" value="'+$("#phno").text()+'"&gt;');
      $("#rmark").html('&lt;input type="text" value="'+$("#rmark").text()+'"&gt;');     
      $("#actions").html('&lt;input type="button" value="'+$("#actions").text()+'"&gt;');       
      var new_row = '&lt;tr class="new_row"&gt;&lt;td&gt;&lt;input type="text" value="'+$("#fname").text()+'"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="'+$("#cmpny").text()+'"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="'+$("#emailid").text()+'"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="'+$("#phno").text()+'"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="'+$("#rmark").text()+'"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="submit"  value="'+$("#actions").submit()+' id="addbutton""&gt;&lt;/td&gt;&lt;/tr&gt;';
  
      //tr.replaceWith(new_row);
  
  });
  </code></pre>