title: Enabiling textbox with edit button and update new text
body: <p>HTML code:</p>
  
  <pre><code>&lt;table width="50%" align="center" border="0" class="check-table" cellspacing="1" cellpadding="5"&gt;
      &lt;tr&gt;
          &lt;th width="11%"&gt;&lt;input type="checkbox" class="checkall" /&gt;&lt;/th&gt;
          &lt;th width="44%"&gt;Product Name&lt;/th&gt;
          &lt;th width="24%"&gt;Quantity&lt;br /&gt;&lt;/th&gt;
          &lt;th width="21%"&gt;Action&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td align="center"&gt;&lt;input type="checkbox" /&gt;&lt;/td&gt;
          &lt;td align="center"&gt;&lt;input type="text" value="Produt One" disabled="disabled" /&gt;&lt;/td&gt;
          &lt;td align="center"&gt;&lt;input type="text" value="" disabled="disabled" /&gt;&lt;/td&gt;
          &lt;td align="center"&gt;&lt;a href="#"&gt;Edit&lt;/a&gt; | &lt;a href="#"&gt;Delete&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td align="center"&gt;&lt;input type="checkbox" /&gt;&lt;/td&gt;
          &lt;td align="center"&gt;&lt;input type="text" disabled="disabled" value="Product Two" /&gt;&lt;/td&gt;
          &lt;td align="center"&gt;&lt;input type="text" value="" disabled="disabled" /&gt;&lt;/td&gt;
          &lt;td align="center"&gt;&lt;a href="#"&gt;Edit&lt;/a&gt; | &lt;a href="#"&gt;Delete&lt;/a&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>jQuery code:</p>
  
  <pre><code>$(function(){
      $('.checkall').on('click', function(){
          $(this).closest('.check-table').find(':checkbox').prop('checked',this.checked);
      })
  
      $(".check-table tr td:nth-child(4) a:last-child").on("click", function() {
          $(this).closest(".check-table tr").remove();
      });
  
      $('.check-table tr td:nth-child(4) a:first-child').on('click', function(){
          $(this).add(".check-table tr td:nth-child(2) input[type=text], .check-table tr td:nth-child(3) input[type=text]").prop('disabled',false);
      })
  })
  </code></pre>