cookieの値をh2内の内容を記録させる

クッキーの値を取得、保存後に

①保存ボタンを押した後に
クッキーに#titleの内容をセットする

②保存したものが、
あったら、visitに表示させる。

この設定をしたのですが、
保存ボタンを押しても
cookieの値に
undefinedと表示されてしまいます。

なぜ、#titleの内容が入らないのでしょうか。
教えて頂けると助かります。

html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">

<script type="text/JavaScript" src="js/jquery.js"></script>
<script type="text/JavaScript">
// クッキーの値を取得 getCookie(クッキー名); //
function getCookie(c_name){
	var st="";
	var ed="";
	if(document.cookie.length>0){
		// クッキーの値を取り出す
		st=document.cookie.indexOf(c_name + "=");
		if(st!=-1){ 
			st=st+c_name.length+1;
			ed=document.cookie.indexOf(";",st);
			if(ed==-1) ed=document.cookie.length;
			// 値をデコードして返す
			return unescape(document.cookie.substring(st,ed));
		} 
	}
	return "";
}

// クッキー保存　setCookie(クッキー名, クッキーの値, クッキーの有効日数); //
function setCookie(c_name,value,expiredays){
	// pathの指定
	var path = location.pathname;
	// pathをフォルダ毎に指定する場合のIE対策
	var paths = new Array();
	paths = path.split("/");
	if(paths[paths.length-1] != ""){
		paths[paths.length-1] = "";
		path = paths.join("/");
	}
	// 有効期限の日付
	var extime = new Date().getTime();
	var cltime = new Date(extime + (60*60*24*1000*expiredays));
	var exdate = cltime.toUTCString();
	// クッキーに保存する文字列を生成
	var s="";
	s += c_name +"="+ escape(value);// 値はエンコードしておく
	s += "; path="+ path;
	if(expiredays){
		s += "; expires=" +exdate+"; ";
	}else{
		s += "; ";
	}
	// クッキーに保存
	document.cookie=s;
}



// サンプル4 ////////////////////////////////////////////////////////////////
// ②titleの内容を表示する
function Title(){
	if(getCookie('vstitle')){
		var vstitle = getCookie('vstitle');
		$("strong.visitor").text(vstitle);
	}
}

// ①titleの内容を記憶する
function TitleWrite(){
	var wrtName = document.getElementById('title').value;
	setCookie('vstitle',wrtName,2);
	Title();
}

$(function() {
	Title();
});


</script>
</head>

<body>

<h2 id="title">titleを記録する</h2>
<p><strong class="visit"></strong></p>
<button onclick="javascript:TitleWrite()">保存</button>


</body>
</html>