Выберите строку в datatable

Question

Я генерирую datatable через json, я пытаюсь сделать datatable кликабельным, чтобы сохранить данные, по которым щелкнули, для сообщения, на самом деле я пытаюсь отобразить выбранные данные в предупреждении, мой код сценария

$(document).ready(function () {
        var table = $('#customer-table').DataTable({
            "data": {!! $json !!},
            columns:[
                {data:'id', title:'ID'},
                {data:'location_name', title:'Name'}]
        });
        $('#customer-table tbody').on( 'click', 'tr', function () {
            var data = table.row(this).data();
            console.log( table.row( this ).data() );
            alert('Click on'+data[0]+'\' row');
        } );
    });

Но это отображает только таблицу, ничего не происходит, когда я нажимаю строку:(

Мне нужно использовать эти данные, чтобы поместить их в скрытый ввод в моей HTML-форме.

пожалуйста, помогите мне