title: Enable disable HTML table element with JQuery in disabled <TR>
body: <p>I am creating a dynamic HTML table with JQuery. Sample code is below.</p>
  
  <pre><code>var tbody=$("#myTable tbody");
  
  var tableRow;
  
  if(somevariableIsTrue)
     tableRow=$("&lt;tr&gt;").attr("disabled",true);
  else
     tableRow=$("&lt;tr&gt;");
  
  var td=$("&lt;td&gt;");
      td.appendTo(tableRow);
  
  var tdn=#("&lt;td&gt;");
  tdn.appendTo(tableRow);
  
   tableRow.appendTo(tbody);
  </code></pre>
  
  <p>now I create different TDs and append to the tableRow. If the disabled attribute of the row is TRUE obviously all the TDs for that row will be disabled too. But I want that my first TD of disabled row shouldn NOT be disabled as its a checkbox column on its click I want to enable/disable the same row. I tried different ways to get the checkbox in the first column and tried to enable it but all fails. Can some one suggest me how to do this in JQuery</p>
  
  <p><strong>EDIT</strong>
  Hope this screen shot helps to understand my requirement
  <img src="https://i.stack.imgur.com/fP7Up.png" alt="enter image description here"></p>
  
  <p>as seen in the image first row is disabled including the first td with checkbox. I want to checkbox column to be enabled all the time so that on checking it the row becomes enabled and un checking leaves the row disabled again.</p>