如题所示，这一段如果放在位置1，就可以正确执行，在位置2就不行了，有大神知道为什么吗？
详细描述就是：
*这一段是做一个功能，使input输入框输入后点击回车就在p顶部添加一个tag，然后点击一个tag就关闭你所点击的那个tag。这两段都包在$(function(){})里面了

以下是源码：






//input
    $(".filterBox table input[type=text]").keydown(function(event){
        //添加tag
            if(event.keyCode == 13){
                if($(this).val() == ""){
                    return;
                }else{
                    var html = "" + $(this).val() + "x"
                    $(".tagsGroup").append(html);
                }
            }
            //移除tag
            /* $(".tagsGroup").children("span").on("click",function(){
                $(this).hide();
            }) */
        })
        //移除tag
        $(".tagsGroup").children("span").on("click",function(){
            $(this).hide();
        })