[jQuery]동적으로 tr 추가, 삭제

<script type="text/javascript">
$(function() {
	$("#addTR").click(function () {
		var row = "<tr>";
			row += "<td><input type='text' name='idx[]' value='' /></td>";
			row += "<td><span>날 누르면 삭제가 됨</span></td>";
			row += "</tr>";
		$("#table").append(row);
	});

	$("#table").on("click", "span", function() {
		$(this).closest("tr").remove();
	});
});
</script>
<button id="addTR">날 누르면 추가가 됨</button>
<table id="table">
	<tr>
		<td><input type="text" /></td>
	</tr>
</table>

[실행하자스라]