What's the trick when disabling an element

This works fine when the table is viewed on a Desktop but when viewed on a phone or tablet in Responsive mode, clicking the same checkbox to disable the elements doesn't work. The code to disable the buttons is being fired but the buttons are not being disabled.

DataTable = $(".dataTable").dataTable();

DataTable.$(".info").prop("disabled", true);
DataTable.$(".email").prop("disabled", true);