指定の位置にJavascriptの戻り値表示

Javascript 本日のハマりモノ

おみくじスクリプトにて。
今はページをロードしたら実行されるようになってるけど、ボタンをクリックした時に、
現在kuji関数の戻り値が表示されている場所に、kuji関数の戻り値が出力できるようにしたい。
普通にdocumet.write();を戻り値にするとほかの部分が消えてしまうし。。。
どうすれば。。。

<html>
<head>
<style type="text/css">
<!--
DIV.fortune{
	text-align:center;
	font-size:20pt;
	font-weight:bold;
}

.title{
	background-color:#87CEFA;
	font-weight:bold;
	color:#FFFFFF;
}
.titlename{}
.username{position:absolute; right:30px;}

-->
</style>

<script type="text/javascript">
<!--
function kuji() {
	var str;
	switch(Math.floor(Math.random() * 6)) {
	case 0: 	
		str = "大吉"; break;
	case 1: 	
		str = "中吉"; break;
	case 2: 	
		str = "吉"; break;
	case 3: 	
		str = "凶"; break;
	case 4: 	
		str = "中凶"; break;
	case 5: 	
		str = "大凶"; break;
	}
	return str;
}
-->
</script>
</head>

<body>
<div class="title">
<span class="titlename">メニュー</span>
<span class="username">ようこそ○○さん</span>
</div>

<div class="fortune">
<script type="text/javascript">
<!--
	document.write(kuji());
-->
</script>

</div>
<form>
<div><input type="button" value="おみくじをひく" name="a" onclick="kuji();"></div>
<div><input type="button" value="戻る" name="ret"></div>

</form>
</body>
</html>