jquery删除动态生成的div,删除不成功

<li id="addSon" style="border-bottom:#7b7b7b solid 1px;width: 100%;  
     height:auto;min-height:50px; margin:0 auto;">
    <span style="float: left;margin:13px 0px 0px 20px;color:white;">

    <a id="son" style="text-decoration: none;">添加子任务&nbsp;+&nbsp;&nbsp;</a></span>
</li>

   $("#son").click(function(){

    $("#addSon").append(' <div class="input-group"  style="width: 100%;"  > <input class="form-control biaoTi" id="SonTitle"
     type="text"  name="biaoTi"   placeholder="子任务标题"/> <a class="input-group-addon"  name="rmlink" 
     style=" background-color: #2698f8;color:white;">删除</a></div>  ');
    $("#addSon").trigger("create");
    // 为新元素节点添加事件侦听器 
    bindListener();
    })
    
     $(document).ready(function(){
  bindListener();
})
  
  // 用来绑定事件(使用unbind避免重复绑定)
function bindListener(){
  $("a[name=rmlink]").unbind().click(function(){
  $(this).parent().remove();
    })
}

这中间就是存在一个事件绑定的过程，如果没有的话，通过js生成的div内的事件并不会被执行，添加了侦听事件功能后才可以正确运行
更多详情：http://www.yayihouse.com