Проблема состоит в следующем.
Есть карта в формате svg
вот одна из частей

<path
       
       d="m 156.41582,346.63271 -1.99209,0.20274 -1.19526,6.79392 -4.08375,15.21046 6.37459,3.24487 16.33493,45.22571 30.97679,50.4988 33.26747,-15.6161 44.62232,-8.41636 -6.87268,-21.29468 9.96035,-15.61612 0.89637,-36.60643 -6.4741,-10.03896 -18.4267,6.69265 -6.97221,-1.82534 -5.1793,-5.98264 -9.56195,-18.96241 -2.988,-2.94067 -3.08782,-6.08425 -4.5089,-3.47991 -3.85777,0.33634 5.57772,7.19974 -7.04202,8.88569 -8.67381,-0.93789 -6.0973,3.00373 -6.42278,-2.61555 -1.03943,0.86421 -1.74095,-0.42438 -3.44644,1.36444 0.79668,1.82517 1.29494,1.01419 -0.89652,0.70985 -2.09147,0.30404 -0.25505,-1.71888 -0.64147,-0.81598 -1.49401,0.60824 -0.84956,1.12749 -0.42906,0.52522 -10.37618,-2.56281 z"
       id="path3021"
       class="area"
       inkscape:connector-curvature="0" />

и есть табличка
вот одна строка

<tr id='path3021'> 
<td>B</td>
</tr> 

Необходимо вывести tooltip при наведении наведении на часть с содержанием td из соответствующего tr.

var svgobject = document.getElementById('imap');
                var svgdom = svgobject.contentDocument;
                 $(svgdom.getElementsByClassName("area")).aToolTip({ 
    track: true, 
    delay: 0,
    fixed: false,    
    showURL: false, 
    fade: 250,
    bodyHandler: function() {
      var id     = $(this).attr("id");
      var area   = $("#areas #"+id+" td:nth-child(2)").text();
      var result = $("<p>").append($("<strong>").text(area));
      $("#areas #"+id+" td:nth-child(2)").nextAll().each(function(){
        var pos = $(this).prevAll().length+1;
        var title = $("#areas thead th:nth-child("+pos+")").text();
        var value = $(this).text();
        result.append($("<p>").text(title + ": " + value));
      });
      return result;
    }
  });

Заранее огромное спасибо)

В файлике вся эта беда)

_____________
Прошу критиковать, если что-то не так.