jQuery .children() problem

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.