フォームの編集中に入力内容をCookieに保存する

jQuery JavaScript 
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript">
//<![CDATA[
	$(document).ready(function(){
		$('#save').click(setCookie);
		$('#delete').click(deleteCookie);
		myTextValue = $.cookie('myTextValue');
		if(myTextValue){
			$('#myText').val(myTextValue);
		}
	});
	
	function setCookie(){
		$.cookie('myTextValue',$('#myText').val());
		alert('一時保存しました');
	}
	
	function deleteCookie(){
		$.cookie('myTextValue', null);
		alert('削除しました');
	}
	
//]]>
</script>
<style type="text/css">
#container{
	margin: 0 0 0 20px;
}
#result {
	margin:10px 0 0 20px;
}
</style>
</head>
<body>
<div id="container">
<h3>キーワード</h3>
<input id="myText" type="text" maxlength="60" />
<input id="save" type="submit" value="一時保存" />
<input id="delete" type="submit" value="削除" />
<input id="myButton" type="submit" value="送信" />
</div>
</body>
</html>