Определение длины "пути" в SVG
 

Здравствуйте! Решил сдлелать анимацию на подобии этой http://codepen.io/ghepting/pen/xnezB

Верстка такая же (но в обычном HTML).
CoffeScript перевел в обычный jQuery. Рассмотрим следующий код:

$('.signature svg').each(function(){
      paths = $('path, circle, rect');
      for(path in paths){
          console.log(path.getTotalLength());
          console.log(path);
      }
})

В качестве path выводит явно не то что нужно, а именно:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
length
prevObject
context
selector
jquery
constructor
toArray
get
pushStack
each
map
slice
first
last
...

По поводу getTotalLength() говорит "undefined is not a function".

Подскажите, что я делаю не так?

видимо, потому что цикл for...in в js & cs не одно и тоже

Как то так?

for(var i = 0;i<$('.signature svg path').length;i++){ 
path = $('.signature svg path:eq('+i+')');
}

Только после $('.signature svg path:eq('+i+')') нужно что-то дописать чтобы брал HTML этого элемента. Не HTML внутри него (через .html()), а HTML именно его самого. Не подскажите, какая функция подойдет?