Agregar class a <tr> padre de <a>

[Ozone]

Hola!,
tengo un <map> HTML y lo que quiero es que al clickear cualquiera de sus <area> se agregue un class .highlight al tr de la tabla que describe los elementos del <map>.

Mi HTML a grandes razgos es algo así:

Código HTML:

<map>
<area href="#1" />
<area href="#2" />
</map>

<table>
<tr>
<td><a name="1">Parte 1 del mapa</a></td>
</tr>
<tr>
<td><a name="2">Parte 2 del mapa</a></td>
</tr>
</table> 

Mi idea es que al clickear el <area href="#1" /> el <tr> padre de <a name="1"> agregue la clase highlight (<tr class="highlight">).

Para eso armé este código:

Código Javascript:

var $target = $(this.hash);
$('a[name]='+$target).parent('tr').addClass("highlight");
 

Pero no funciona :( Les agradezco una mano con esto!

Saludos!

[IsaBelM]

prueba así. aunque sería mejor hacerlo desde una función

<area href="#1" onclick="document.getElementsByTagName('tr')[this.href.split('#')[1]].className='hightlight'; return false;" />
<area href="#2" onclick="document.getElementsByTagName('tr')[this.href.split('#')[1]].className='hightlight'; return false;" />

[emprear]

Si ya estás usando jquery

Código HTML:

<map>
<area href="#1" id="uno" />
<area href="#2" id="dos" />
</map>
 
 
<table>
<tr>
<td class="uno"><a name="1">Parte 1 del mapa</a></td>
</tr>
<tr>
<td class="dos"><a name="2">Parte 2 del mapa</a></td>
</tr>
</table> 
 
 
<script type="text/javascript">
//<![CDATA[
$("map area").click(function(event) {
var celda = $(this).attr("id");
$('td.'+celda).addClass("highlight");
 
});
//]]>
</script>
 

Lo que no se que función cumplen son los <a> dentro de las celdas
Saludos