title: Enable Disable Controls in a table row
body: <p>I would like to enable the edit&amp;delete checkboxes of that row, when the respective chkView is checked and disable them if it is unchecked. This code is not firing at all in the first place. Where am i going wrong.</p>
  
  <p><a href="http://jsfiddle.net/75rVH/1/" rel="nofollow">http://jsfiddle.net/75rVH/1/</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table id="table_forms"&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;input type="checkbox" class="chkView"/&gt;View&lt;/td&gt;
          &lt;td&gt;&lt;input type="checkbox" class="chkEdit" disabled/&gt;Edit&lt;/td&gt;
          &lt;td&gt;&lt;input type="checkbox" class="chkDelete" disabled/&gt;Delete&lt;/td&gt;
      &lt;/tr&gt;
     &lt;tr&gt;
          &lt;td&gt;&lt;input type="checkbox" class="chkView"/&gt;View&lt;/td&gt;
          &lt;td&gt;&lt;input type="checkbox" class="chkEdit" disabled/&gt;Edit&lt;/td&gt;
          &lt;td&gt;&lt;input type="checkbox" class="chkDelete" disabled/&gt;Delete&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(document).on('change','.chkView',function(){
  var row = $(this).closest('tr');
      if($(this).prop("checked",true))
      {
          $(row).find('.chkEdit').prop("disabled",false);
          $(row).find('.chkDelete').prop("disabled",false);
      }
      else
          {
          $(row).find('.chkEdit').prop("disabled",true);
          $(row).find('.chkDelete').prop("disabled",true);
      }
  
  });
  </code></pre>