javascript - jqueryクリックが効かない

Question

私のjQueryクリックが機能しない理由を知っている人はいますか?

ハイパーリンクに添付されています。

jQuery(function ($) {

    $(".delete").click(function(e) {
        alert("Hello");
    });

    var socket = io.connect();
    var $messageForm = $('#sendmessage');
    var $messageTitle = $('#title');
    var $messageBox = $('#message');
    var $chat = $('#chat');

    $messageForm.click(function (e) {
        if ($.trim($("#title").val()).length === 0) {
            alert('You must provide valid input');
            $messageTitle.val('');
            $messageBox.val('');
            return false;
        }
        if ($.trim($("#message").val()).length === 0) {
            alert('You must provide valid input');
            $messageTitle.val('');
            $messageBox.val('');
            return false;
        } else {
            e.preventDefault();
            socket.emit('send message', 
               '<b>' + $messageTitle.val() + '</b>' + '&nbsp;-&nbsp;'  
               + $messageBox.val() + '&nbsp;' + '[' +  
               '<a class="delete" href="#">Delete</a>' + ']');
            $messageTitle.val('');
            $messageBox.val('');
        }
    });

    socket.on('new message', function (data) {
        $chat.prepend(data + "<br/>");
    });
});