Почему это работает:

$(document).on("dblclick", "#areaA tr:has(td)", function(e) {
     //code here
 });

и это не я

$("#areaA tr:has(td)").on('dblclick', function(e) {
    //Code here
});

Я точно следую примеру на странице документации jquery, но мой двойной щелчок не срабатывает. Когда я делаю это первым способом, это работает, но кажется, что оно запускает событие дважды.

Это в контексте сетки пользовательского интерфейса Kendo.

Есть ли разница между этими двумя частями кода?