title: How to change 'text-decoration' property with jQuery?
body: <p>I have table with following structure:</p>
  
  <pre><code>&lt;table style=" margin-top: 10px; border: 1px wheat solid; width: 100%; font-size: 10px; font-family: Arial , Verdana;text-shadow:0px 1px 0px #000"&gt;
      &lt;tr class="infoRow" style="background:#666666; "&gt;
          &lt;td&gt;Element11 &lt;/td&gt;
          &lt;td style="font-size:12px; font-weight:bold; font-family: georgia;"&gt;Element12 &lt;/td&gt;
          &lt;td&gt;&lt;input type="checkbox" class="check" /&gt;&lt;/td&gt;
      &lt;/tr&gt;  
      &lt;tr class="infoRow" style="background:#666666; "&gt;
          &lt;td&gt;Element21 &lt;/td&gt;
          &lt;td style="font-size:12px; font-weight:bold; font-family: georgia;"&gt;Element22 &lt;/td&gt;
          &lt;td&gt;&lt;input type="checkbox" class="check" /&gt;&lt;/td&gt;
      &lt;/tr&gt;           
  &lt;/table&gt;
  </code></pre>
  
  <p>I want, after check <code>&lt;input class="check" ... /&gt;</code> the value of the property text-decoration to make 'underline' on the following row.</p>
  
  <pre><code>$('.check').click(function(){
     $('infoRow').css("text-decoration", "underline");   
  });
  </code></pre>
  
  <p>This code change all rows.</p>
  
  <p>Thanks in advance.</p>