jquery 的

本人新手，在学习thinkphp时，前端模板的js不成功。在注册页面元素click事件时，点击元素没有任何反应。代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/public.css">

	<js file='__PUBLIC__/Js/jquery-1.7.2.min.js'/>

	<script>

		$(function () {

			$(".add-role").click(function () {

				var obj = $(this)->parents("tr").clone();

				$("#last").before(obj);

			});

		});

	</script>

</head>

<body>

	<table class="table">

		<tr>

			<th colspan="2">添加用户</th>

		</tr>

		<tr>

			<td align="right">用户账号：</td>

			<td>

				<input type="text" name="username"/>

			</td>

		</tr>

		<tr>

			<td align="right">密码：</td>

			<td>

				<input type="password" name='password'/>

			</td>

		</tr>

		<tr>

			<td align="right">所属角色：</td>

			<td>

				<select name="role_id[]">

					<option value="">请选择角色</option>

					<foreach name='role' item='v'>

						<option value={$v['id']}>{$v.name}({$v.remark})</option>

					</foreach>

				</select>

				<span class='add-role'>添加一个角色</span>

			</td>

		</tr>

		<tr id='last'>

			<td colspan='2' align='center'>

				<input type="submit" value="保存添加"/>

			</td>

		</tr>

	</table>

</body>

</html>

引入的jquery路径是正确的，浏览器可以直接点击看到jquery源码。怀疑是在document ready时，click事件没有注册成功。浏览器用的是firefox 35.0.1。求高人解答啊~