スライドショーが表示されなくなりました。【チュートリアルP.34】

<ul id="MainImage">
	<a href="/index.php/" title="コーポレートサイトにちょうどいい国産CMS"><img src="img/main_image_1.jpg" alt="コーポレートサイトにちょうどいい国産CMS" /></a>
	<a href="/index.php/" title="全て日本語の国産CMSだから、設置も更新も簡単、わかりやすい。"><img src="img/main_image_2.gif" alt="全て日本語の国産CMSだから、設置も更新も簡単、わかりやすい。" /></a>
	<a href="/index.php/" title="標準的なWebサイトに必要な基本機能を全て装備"><img src="img/main_image_3.jpg" alt="標準的なWebサイトに必要な基本機能を全て装備" /></a>
	<a href="/index.php/" title="デザインも自由自在にカスタマイズ可能！"><img src="img/main_image_4.jpg" alt="デザインも自由自在にカスタマイズ可能！" /></a>
	<a href="/index.php/" title="質問・ご相談はユーザーズフォーラムへ"><img src="img/main_image_5.jpg" alt="質問・ご相談はユーザーズフォーラムへ" /></a>
</ul>

<ul id="MainImage">
	<li><a href="/index.php/" title="コーポレートサイトにちょうどいい国産CMS"><img src="/theme/corp/img/main_image_1.jpg" alt="コーポレートサイトにちょうどいい国産CMS" /></a></li>
	<li><a href="/index.php/" title="全て日本語の国産CMSだから、設置も更新も簡単、わかりやすい。"><img src="/theme/corp/img/main_image_2.gif" alt="全て日本語の国産CMSだから、設置も更新も簡単、わかりやすい。" /></a></li>
	<li><a href="/index.php/" title="標準的なWebサイトに必要な基本機能を全て装備"><img src="/theme/corp/img/main_image_3.jpg" alt="標準的なWebサイトに必要な基本機能を全て装備" /></a></li>
	<li><a href="/index.php/" title="デザインも自由自在にカスタマイズ可能！"><img src="/theme/corp/img/main_image_4.jpg" alt="デザインも自由自在にカスタマイズ可能！" /></a></li>
	<li><a href="/index.php/" title="質問・ご相談はユーザーズフォーラムへ"><img src="/theme/corp/img/main_image_5.jpg" alt="質問・ご相談はユーザーズフォーラムへ" /></a></li>
</ul>

    $(function() {
         
        var imgBox = $('#MainImage');
        var fadeSpeed = 1000;
        var switchDelay = 2000;
         
        imgBox.find('li').hide(); // ←(1)
        imgBox.find('li:first').stop().fadeIn(fadeSpeed); //←(2)
     
        setInterval(function(){
            imgBox.find('li:first-child').fadeOut(fadeSpeed) //←(3)
            .next('li').fadeIn(fadeSpeed) //←(4)
            .end().appendTo(imgBox);
        },switchDelay);
         
    });

#MainImage {
	position:relative;
	height:342px;
}
#MainImage > li{ /*←ここ*/
	display :block;
	position :absolute;
	top :0px;
}