title: Why doesn't the `href` attribute on the `<td>` element work?
body: <p>I've set up a <a href="http://jsfiddle.net/7aHDR/4/" rel="noreferrer">fiddle</a> with a table.</p>
  
  <p>You see, Im trying to make a table where the user will hover and click the td to show an id. Check the fiddle out and you'll understand.</p>
  
  <p>Now, When the user hovers Parent4, you may notice there's space on the table where there's no text and the user can't click it so the Child4 wont appear....</p>
  
  <p>Now, is there any way I can make the space where there's no text clickable so it shows up child4?</p>
  
  <p>I tried </p>
  
  <pre><code>&lt;td ahref="#child4"&gt; but didn't work...
  </code></pre>
  
  <p>////?EDIT As its a bit confusing...</p>
  
  <p>I need you to see the fiddle.
  You can see the cell for Parent4 is bigger than the text. So when the user hovers on the cell I want the text to change color and the cell to change color too + if the user clicks the cell Child4 won't appear because a cell is unclickable, so My question, how can I make the cell clickable to display Child4?</p>
  
  <p>UPD:</p>
  
  <p>I didn't update the fiddle, but it's now up to date.</p>