щелчок события не работает в том же классе на нескольких тегах привязки в элементах td

Я использую плагин dataTables для отображения данных в виде сетки, но thier - атрибут formatter, в котором я добавляю anchor a в td, а также применяю класс к этому, но когда я привязываю событие, оно не срабатывает, а обновляет страницу я don'nt знайте, почему кто-нибудь может это объяснить, что пойдет не так.

Его показ идеально изображения в сетке, а также класс показ, но поведение заложено в том, что при нажатии кнопки событие загорается его обновляющаяся страница.

main.js: -

$(".deleteRequest a").click(function (e) {
    e.preventDefault();
    console.log("click");
    var r=confirm("Are u sure you want to delete This Request info");
            if (r==true)
            {

            }           
});

 formatter: function (timeOutes) {
                    $.each(timeOutes, function (index, timeOut) {
                        timeOut.id = '<a attrId = " ' + timeOut.id + '" href="" class="deleteRequest"><i class="icon-trash"></i></a>';
                    });
                }