列表组项目动态点击功能

Question

我无法理解我的代码试图单击列表组的列表组项目的问题。 我想抓住点击，什么也没发生。

$("#inserisci_cerca").keyup(function() {

        var text = $("#inserisci_cerca").val();

        $.ajax({url:"https://ewserver.di.unimi.it/mobicomp/geopost/users?session_id="+sessionStorage.getItem("session_id")+"&usernamestart="+testo+"&limit=10",
                type: "GET",
                dataType: "json",
                success: function(result) {


                    $("#div1").html("");
                    $("#div1").append("<ul class='list-group'>");
                    result.usernames.forEach(function(item,index) {
                        $("#div1").append("<button type='button' class='list-group-item list-group-item-action' id='okok'>" + item + "</button>");
                    })
                    $("#div1").append("</ul>");
                }
        });
    });

$("#okok").click(function() {
 console.log("Hello");
})

我在做什么错了？