title: Change cursor to hand when mouse goes over a row in table
body: <p>How do I change the cursor pointer to hand when my mouse goes over a <code>&lt;tr&gt;</code> in a <code>&lt;table&gt;</code></p>
  
  <pre><code>&lt;table class="sortable" border-style:&gt;
    &lt;tr&gt;
      &lt;th class="tname"&gt;Name&lt;/th&gt;&lt;th class="tage"&gt;Age&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;&lt;td class="tname"&gt;Jennifer&lt;/td&gt;&lt;td class="tage"&gt;24&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td class="tname"&gt;Kate&lt;/td&gt;&lt;td class="tage"&gt;36&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td class="tname"&gt;David&lt;/td&gt;&lt;td class="tage"&gt;25&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td class="tname"&gt;Mark&lt;/td&gt;&lt;td class="tage"&gt;40&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>