ajax - クロムでのajaxロードコンテンツの問題

Question

次のコードでコンテンツを動的にロードすると問題が発生します。

$(document).ready(function() {
             $("#tags").keyup(function(){
                        var q = $(this).val(); 
                        $.ajax({ 
                            url: '/AnswerMedia/utilities/autoSearch/model/suggest.php?q='+q, 
                            success: function (data) {
                                $("#ajaxDiv").html(data); 

                            },
                            error: function (request, status, error) {
                            alert(request.responseText);
                        }
                    });  
            });
        });  

コンテンツがロードされた後、このコードは、ロードされた div タグの 1 つがクリックされたときにイベントをトリガーすることを意図していましたが、そうではありませんでした。

$(".pdiv").click(function(){
    var val = $(this).text();
    $('#tags').val(val);
    $('.mncontr').hide();
});
$("#closeSearch").click(function(){
    $('.mncontr').hide();   
});

次に、次のコードを試しました。

$("body").delegate(".pdiv", "click", function(){
    var val = $(this).text();
    $('#tags').val(val);
    $('.mncontr').hide();
});
$("body").delegate("#closeSearch", "click", function(){
    $('.mncontr').hide();   
});

Firefox では問題なく動作しますが、Chrome では問題が解決しません。私を助けてください。