title: Add class on TD by click checkbox
body: <p>actually i am trying to add class by click checkbox.. mean when i click checkbox that moment that TD only highlight .. say like add class. for better understanding manually i put class on last TD</p>
  
  <p><a href="http://jsfiddle.net/upXr8/2/" rel="nofollow">http://jsfiddle.net/upXr8/2/</a>  demo</p>
  
  <pre><code>&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" class="common"&gt;
    &lt;tr&gt;
      &lt;td&gt;End Market IT KPI Dashboard&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="checkbox" id="checkbox" /&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="checkbox2" id="checkbox2" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;IT Services Report &lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="checkbox2" id="checkbox" /&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="checkbox2" id="checkbox2" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Incident &amp;amp; Problem Ticket Details Report &lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="checkbox2" id="checkbox" /&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="checkbox2" id="checkbox2" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Change &amp;amp; Request Ticket Details Report &lt;/td&gt;
      &lt;td class="highlight"&gt;&lt;input type="checkbox" name="checkbox2" id="checkbox" /&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="checkbox2" id="checkbox2" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(".common").change(function() {
      $(this).closest('td').addClass("highlight", this.checked);
  });
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.highlight { background: red;}
  td.highlight {background: red;} 
  </code></pre>