如何将数据以JSON字符串方式存到到cookie中？

简单写一个以供参考：
需求：将input框的数据以JSON字符串的方式保存到cookie中。

//html部分
用户名：<input type=”text” name=”userName” id=”userName”/>
密码：<input type=”password” name=”pwd” id=”pwd”/>
联系方式：<input type=”text” name=”phone” id=”phone”/>
<input type=”button” id=”btn” value=”保存”/>

//js脚本部分
var userName = document.getElementById("userName"),
		pwd = document.getElementById("pwd"),
		phone = document.getElementById("phone"),
		btn = document.getElementById("btn");
		btn.onclick = function(){
			var obj = {
						   userName:userName.value,
						   pwd:pwd.value,
						   phone:phone.value
			}
			var arr = JSON.stringify(obj);
			console.log(arr);
			 setCookie(name,arr,3);
		}
		//存 cookie  document.cookie = "键=值"  时间
		function setCookie(name,val,day){
			var d = new Date();
			d.setDate(d.getDate() + day);
			document.cookie = name + "=" + val + ";expires=" +  d;
		}