jQuery实现勾选复选框才允许注册

在某注册页面的末尾，有一个“同意相关协议”的复选框及一个“立即注册”的按钮：

<input type="checkbox" id="ag" >同意相关协议

<input type="submit" value="立即注册" id="sbm" disabled="disabled" >

要求：勾选复选框，点击“注册”按钮，表单信息提交成功；不勾选复选框，点击“注册”按钮无任何反应。

代码如下：

<script type="text/javascript">
			//form元素的第一个input子标签
			$("form input:first").attr("placeholder", "长度不超过25个字符");
			//form元素的所有textarea子标签
			$("form textarea").attr("placeholder", "建议您如实填写详细地址，例如街道名称，门牌号码，楼层和房间等信息").attr("rows", "5px");
             //form元素的所有font子标签
			$("form font").attr("color", "red");
			//form元素的最后一个input子标签
			$("form input:last").css("width", "360px").css("height", "40px").css("background-color", "red").css("color", "white")
				.css("font-size", "15px").css("border", "none");
			//form元素的索引小于3的input子标签 索引从0开始
			$("form input:lt(3)").attr("required", "required");
			$(document).ready(function() {
				$("#ag").click(function() {
					//复选框被选中
					if($("#ag").is(':checked')) {
						$("#sbm").removeAttr("disabled");
					}//复选框未被选中 
					else {
						$("#sbm").attr("disabled", "disabled");
					}
				});
			});
		</script>