如何将表单中的值在Jquery中转为json

今天突然想到这么一个功能，觉得还是很重要的，直接代码，简单易懂

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		
		$(".btn").click(function(){
			var params=$("#form1").serializeArray(); 
			var json={};
			for(var tem in params){
				json[params[tem].name]=params[tem].value;
			}
			alert(json);
	
		});	
	});
</script>

<div class="top">
		<form action="" id="form1">
			用户名：<input type="text" id="userName" name="userName" /><br/>
			密码：<input type="text" id="password" name="password" /><br/>
			城市：<select id="city" name="city">
					<option value="wuhan">武汉</option>
					<option value="shanghai">上海</option>
				</select>
			<input type="submit" class="btn" value="提交" />
		</form>
	</div>

serializeArray()  不在<form>标签内的表单控件不会被提交、没有name属性的表单控件不会被提交、带有disabled属性的表单控件不会被提交、没有被选中的表单控件不会被提交。