title: HTML Tables and Hovering Images and links
body: <p>I have a client who has an HTML Table layout (ick, I know) that has images in one row and then the corresponding text links in the next row.  The images and text are both separately hyperlinked, styled without underlines (not shown in code here).  </p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;a href="product1"&gt;&lt;img src="productimage1.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;&lt;a href="product2"&gt;&lt;img src="productimage2.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;&lt;a href="product3"&gt;&lt;img src="productimage3.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;&lt;a href="product4"&gt;&lt;img src="productimage4.jpg" /&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;a href="product1"&gt;Product1&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;&lt;a href="product2"&gt;Product2&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;&lt;a href="product3"&gt;Product3&lt;/a&gt;&lt;/td&gt;
  &lt;td&gt;&lt;a href="product4"&gt;Product4&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I know in CSS, the underline hover can be achieved on the text links.  The question is, is can a user hover over an image (in a table row) and have the corresponding text link (in the next table row) have the underline?  For example, if I hover over "productimage3.jpg", then I'd want the Product3 link to be underlined (and not underlined when the hover is off).  I imagine something can be done with jQuery but I'm kind of a jQuery rookie.  </p>