title: Show Item when Hover Over Parent
body: <p>I have an HTML table and I'd like the contents of one cell (<code>&lt;td&gt;</code>) hidden unless the mouse hovers anywhere over the parent row (<code>&lt;tr&gt;</code>).</p>
  
  <p>It's pretty straight forward to show an element on hover, but I'm not sure how to show another element than the one being hovered over.</p>
  
  <p>Can this be done with CSS alone, or do I need some sort of JavaScript? (I have jQuery and jQuery UI available.)</p>