初学jQuery，求问自定义函数的位置问题?报错

今天在看《Head First jQuery》的第五章。以下是源码

<!-- HTML代码 -->
<img class="lightning" id="lightning1" src='images/lightning-01.jpg' />
<img class="lightning" id="lightning2" src='images/lightning-02.jpg' />
<img class="lightning" id="lightning3" src='images/lightning-03.jpg' />

<!-- CSS代码 -->
.lightning{
    display:none;position:absolute;left:0px;top:0px;
}

<!-- jQuery代码 -->
$(function(){
	 lightning_one();
	 lightning_two();
	 lightning_three();
});
function lightning_one(){
	$("#container #lightning1").fadeIn(250).fadeOut(250);
	setTimeout("lightning_one()",4000);
};
function lightning_two(){
	$("#container #lightning2").fadeIn("fast").fadeOut("fast");
	setTimeout("lightning_two()",5000);
};
function lightning_three(){
	$("#container #lightning3").fadeIn("fast").fadeOut("fast");
	setTimeout("lightning_three()",7000);
};

但如果把自定义函数放到$(function(){...})里（如下），只会在加载页面后执行一次，然后就报错undefined，这是怎么回事呢？？

<!-- jQuery代码 -->
$(function(){
    function lightning_one(){
	$("#container #lightning1").fadeIn(250).fadeOut(250);
	setTimeout("lightning_one()",4000);
    };
    function lightning_two(){
	$("#container #lightning2").fadeIn("fast").fadeOut("fast");
	setTimeout("lightning_two()",5000);
    };
    function lightning_three(){
	$("#container #lightning3").fadeIn("fast").fadeOut("fast");
	setTimeout("lightning_three()",7000);
    };
    lightning_one();
    lightning_two();
    lightning_three();
});