Fadein - kun det første billede virker??

Hej Udivklere

Jeg har denne kode:

 $(document).ready(function() { 
 function fadein(elm) {
     $(elm).fadeIn('slow', function() {
         fadein(elm.next());
     });
 }
 fadein($("ul li img").first());
 });

Hørende til denne html:

 <ul>
                     
                     <li><img class="klasse" src="sti"></li>
                     <li><img class="klasse" src="sti></li>
                     
                 </ul>

Det er meningen at billederne skal "fadein" når siden loades. Det virker også fint hvis billederne ikke er i et li tag. Altså hvis de bare er sat direkte ind i ul'en. Men når jeg sætter billerne i li så er det kun det første billede der fader - hvorfor??