В jQuery обратиться к элементу можно через id, класс, имя тэга, или через ссылку на элемент (как в примере ниже).
А Вы в
del присваиваете структуру, которая не является ничем из вышеперечисленного.
Используйте обёртку jQuery для создания элемента, раз уж юзаете фрэймворк:
Посмотреть
var del = $('<li><a class="del" href="#">Удалить таблицу</a></li>');
del.appendTo('body');
del.children('.del').on('click', function(){
alert('Привет, я Del');
});
Или (если не нужно в дальнейшем ссылаться на элемент по ссылке в переменной) обращайтесь к элементу по классу:
Посмотреть
$('<li><a class="del" href="#">Удалить таблицу</a></li>').appendTo('body');
$('.del').on('click', function(){
alert('Привет, я Del');
});