Как связать событие click с объектом, которого еще нет в DOM?

Прежде всего, я попробовал ответы в этом, и подобные вопросы, но это, похоже, не работает для меня вообще.

Я хотел бы сделать материал в событии клика, связанного с элементом, который создается через ajax, поэтому он не находится в DOM вначале.

Я замечаю, что следующий coffeescript в my_asset.js.coffee работает так, как ожидалось:

$ ->  
  $('#div').on "click", ".link", (e) -> 
    #do stuff 

Согласно JQuery Doc: эта функция связана всем "selected_div" нажмите событие, даже если они будут добавлены к DOM через AJAX позже, и do stuff, часть работает нормально

Однако я хотел бы:

$(this).after("<%= insert some long view here %>")

Итак, для этого, я думаю, я должен переместить $(this).after части из asset.js.coffee в my_view.js.erb где я мог бы встроить render partial

Там, в my_view.js.erb, я попробовал следующий (эквивалентный) javascript:

$(function() {  
  $("#div").on("click", ".link", function() {
    $(this).after("<%= render partial here %>");
  });
});

Но это не работает для первого щелчка (это происходит, однако, для последующих кликов)

Я думаю, что это связано с тем, что .link не находится в DOM, когда страница загружается в первый раз.

Почему это происходит? Это причина? И как я мог понять, какое поведение я получаю в активе?