javascript - 画像がクリックされたときにラベルを削除しますか?

Question

HTMLを使用しています。以下のようにラベルと画像を追加しました。

on click対応するラベルをred cross mark削除する必要があります。これどうやってするの？

以下のコードがありますが、機能していません。

$("#lbRemove").click(function(){
    $(this).parent().parent().remove();
});



<section class="col2">        
        <div class="lbYourSelectedTarget">
            <span style="color: rgb(0, 0, 0); font-size: 100%;">Your selected businesses:</span>
            <div class="lbSelectedCriteriaTarget" style="border: 1px solid; height: 250px; overflow:scroll;">
                <ul class="lbCriteriaContainer">

                </ul>
            </div>
        </div>
        <br/><br/><br/><br/><br/><a class="button right" href="index2.html">Continue</a>
      </section>



$(function(){
    $("select").multiselect();

    $("select").change(function () {    
        //console.log('asas: '+$(this).val());
        var str = $(this).val();
        /*var ff = "option1,option2";
        console.log(ff.split(",")[1]);      
        alert(str.length);*/
        if(str && str.length > 1){
            var last_element = str.pop();           
            $('.lbCriteriaContainer').append("<li id='"+ last_element +"' class='lbAlt'><a id='lbRemove' class='lbRemoveCriteria'><img src='images/cross.jpg' id='lbRemove' width='15' style='padding-top: 3px; cursor:hand ; cursor :pointer;' /></a><span> "+ last_element +"</span></li>");
            str = "";
        }else if (str && str.length == 1){
            $('.lbCriteriaContainer').append("<li id='"+ str +"' class='lbAlt'><a id='lbRemove' class='lbRemoveCriteria'><img src='images/cross.jpg' id='lbRemove' width='15' style='padding-top: 3px; cursor:hand ; cursor :pointer;' /></a><span> "+ str +"</span></li>");
            str = "";
        }
    }).change();

    $("#lbRemove").click(function(){
        $(this).parent().parent().remove();
    });
});