取消选中事件JQuery后无法删除checbox

Question

这是我的代码，用于将复选框添加到名为“ locCounty”的新div中。但是其他似乎都不知道要删除什么。

    //Update Current Filters by COUNTY - STARTS   
    $(document).ready(function () {        
        var tmp = [];
        var checked = [];
        $("#selCounty").on('change', '[type=checkbox]', function () {
            var checked = $(this).attr('id');
            if ($(this).is(':checked')) {
                tmp.push(checked);
                console.log(tmp);
                $("#locCounty").append('<p id="remove" style="display:inline; float:left"><span id= ' + checked + '>' + checked + '<input type="button" value="X"></input></span></p>');

                $(document).on('click', '#remove', function () {
                    $('span', this).remove();
                });
            }
            else {

                $("#locCounty span #"+checked + " input").hide();
                console.log("#"+checked);
                //$("#campaign-name-" + id).remove();
            }
        });
    });
    //Update Current Filters by COUNTY - Ends