jquery的append和remove有关问题 _JavaScript

jquery的append和remove问题
使用append添加之后再使用remove移除不了，代码如下：

HTML code


<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript">
    function Add() {
        var str = $("<input type='radio' name='func' value='1' /> 测试<br>");
        $('#divFunc').append(str);
    }
    function Del() {
        var str = $("<input type='radio' name='func' value='1' /> 测试<br>");
        $('#divFunc').remove(str);
    }
</script>
<input id="Button1" type="button" value="添加" onclick="Add()" />
<input id="Button2" type="button" value="删除" onclick="Del()" />
<div id="divFunc"></div>

------解决方案--------------------
<script language="javascript" type="text/javascript">
function Add() {
var str = $("<div id='x'><input type='radio' name='func' value='1' /> 测试</div>");
$('#divFunc').append(str);
}
function Del() {
$("#x").remove();
}
</script>