Не работает скрипт после добавления append()

Помогите разобраться, может что то упускаю из виду...

Есть такая структура:

<div>
    <ul class="category add-tag-check">
        <li>
            <input id="add-tag-check_1" type="checkbox" name="check">
            <label class="checkbox" for="add-tag-check_1">Защита и экипировка</label>
        </li>
        <li>
            <input id="add-tag-check_2" type="checkbox" name="check">
            <label class="checkbox" for="add-tag-check_2">Роликовые коньки</label>
        </li>
</ul>
    <footer>
        <span class="add-tag-button-popup accent-btn">Добавить выбранные</span>
    </footer>
</div>

И есть отдельный блок, в котором для теста уже есть один тэг:

<div class="tags-list-add">
    <span class="tag">Картины<a href="#" class="tag-b-link"><i class="fa fa-times"></i></a></span>
</div>

Замысел такой - по всем "активным чекам" добавить специальные тэги в отдельный блок после нажатия кнопки "Добавить выбранные"

Добавляю в тэги, следующим способом:

$(".add-tag-button-popup").click(function(){
$(".tags-list-add").empty(); //при повторном клике очищаю блок с тэгами
$(".add-tag-check li").each(function(){ 
    if($(this).find("input").prop('checked')) { //проверяю на checked
        var text = $(this).find("label").html();
        $(".tags-list-add").append('<span class="tag">'+ text +'<a href="#" class="tag-b-link"><i class="fa fa-times"></i></a></span>'); // добавляю тег
    }
})
    $.magnificPopup.close(); // закрываю popup окно
})

Так же их при я сделал, чтоб их можно было удалять из блока, вот скрипт:

$('.tag .tag-b-link').click(function(e){ //функция удаления тэга если он не нужен
    e.preventDefault();
    $(this).parent().remove();
    alert('скрипт сработал');
})

Но тут встает проблема, когда я хочу удалить добавленные теги из блока, они не удаляются... При всем при этом тэг который находится в блоке заранее - подчиняется скрипту удаления... а новые - нет...

Подскажите пожалуйста, что я делаю не так?