jQuery .children() problem

3 naročniki

Skušam animirati element na hover, pa mi nekaj ne štima oz. ko testiram na jsfiddle.net dela ok, na spletni strani pa ne.

HTML:

<ul class="nav">
    <li class="item-319"><a href="#">Link 1</a></li>
    <li class="item-320"><a href="#">Link 2</a></li>
    <li class="item-321"><a href="#">Link 3</a></li>
</ul>​

JS:

$('.nav li').hover(function() {
  $(this).children().stop(true, true).animate({'right': '+=50px'}, 'slow');
}, function() {
  $(this).children().stop(true, true).animate({'right': '-=50px'}, 'slow');
});

Firebug in Chrome Developer Tools javljata napaki
-$(this).children is not a function (Firefox)
-Cannot call method 'children' of null (Chrome)

Za pomoč se zahvaljujem v naprej.

Poizkusi v Firefoxu:

console.log($)

Poglej rezultat v firebug console.. Kot kaže ti ne naloži jQuery pravilno oz. ga sploh ne..
Če slučajno še nisi, v HTML dodaj:

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>

tak kot je bumbar povedu... drgaci pa propertije pisi brez navednic... tore {right: '....'}

jQuery je bil naložen dvakrat, hkrati sem še dodelal jQuery kodo, tako da je sedaj vse ok.