jquery - アンカータグSignal Rでのクリックイベントバインドについて

Question

こんにちは、このような ajax 呼び出しを使用してチャット フレンド リストをバインドしています

$.ajax({
            type: "POST",
            url: "/getdata.asmx/GetUserInfo",
            data: "{'Id':'" + gorge + "'   }",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            error: function (XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); },
            success: function (xml) {
                //alert('success');
                $('#frndcontact li').remove();
                // $("#frndcontact").innerhtml("");
                // DivMainContainer                
                var obj = jQuery.parseJSON(xml.d);
                // alert(data);
                if (obj.length > 0) {
                    for (var i = 0; i < obj.length; i++) {
                        // var name = obj[i].name;
                        var objname = "'" + obj[i].name + "'";
                        //alert(name);
                        var H = '<li style="font-size:11px;font-family:\'lucida grande\',tahoma,verdana,arial,sans-serif;">' +
                            '<img alt="" height="18px" width="18px" id="test-' + obj[i].friendid + '" src="Images/offline.png" />' +
                            '<a class="UserItem" id="test-' + obj[i].friendid + '" >' + obj[i].name + '</a>' +
                            '</li>'
                        $("#frndcontact").append(H);

                    }

                }

            }
        });

次に、以下は私のSignal Rコードです

  $.connection.hub.qs = "Id=" + gorge;

        var chat = $.connection.chat3Hub;
        chat.client.foo = function () { };

        $.connection.hub.start(function () {
            // chat.server.OnConnected();
            //  chat.server.getAllOnlineStatus();
        });

        chat.client.disconnect = function (connectionId, userList) {
            $(userList).each(function (index, obj) {
                $("#test-" + obj).attr('src', 'images/offline.png');
                $("#test-" + obj).next('.UserItem').removeClass('online');
            });
        };
        chat.client.disconnectuservialogout = function (connectionId, userList) {
            $(userList).each(function (index, obj) {
                $("#test-" + obj).attr('src', 'images/offline.png');
                $("#test-" + obj).next('.UserItem').removeClass('online');

            });
        };
        chat.client.joined = function (connectionId, userList) {
            $(userList).each(function (index, obj) {
                $("#test-" + obj).attr('src', 'images/online.png');
                $("#test-" + obj).next('.UserItem').addClass('online');


            });
        };
        $('.logout').click(function () {
            chat.server.disconectonlogout();
        });
        **//THIS CODE IS NOT WORKING DONT KNOW WHY**
        **$('.UserItem').click(function () {
            var chatWindow = $("#divChatWindow").clone(true);
            $("#chatContainer").append(chatWindow);
        });**

        // $.connection.hub.server.connected = function () { }
    });

しかし、以下のコードを実行すると、 Useritem クラスを持つアンカータグにイベントをバインドしています..しかし、firefoxデバッガーのjavascriptにブレークポイントを配置すると、それは来ません.アンカータグのクリックイベントをバインドできないため、どうすればよいですか..私を助けてください