i used this code for a slideshow

http://snook.ca/archives/javascript/...uery-slideshow

and it works great. snook.cs uses this code:
Code HTML4Strict:
<div class="fadein">
  <img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
  <img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
  <img src="http://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">
</div>

Code JavaScript:
$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){
      $('.fadein :first-child').fadeOut()
         .next('img').fadeIn()
         .end().appendTo('.fadein');}, 
      3000);
});

worked great!

then i wanted to overlay text on the img. so i wanted the slideshow to transition over divs with imgs inside. so i thought all i had to do is change the html and js to the below example, but it blew up on screen. What did i miss?

Code HTML4Strict:
<div class="fadein">
   <div>
       <img src="http://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
   </div>
   <div>
        <img src="http://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
    </div>
    .
    .
    .  
</div>

Code JavaScript:
$(function(){
    $('.fadein div:gt(0)').hide();
    setInterval(function(){
      $('.fadein :first-child').fadeOut()
         .next('div').fadeIn()
         .end().appendTo('.fadein');}, 
      3000);
});