jQuery 動的に追加した要素の確実な取得方法

on で動的に生成した要素が取得できない場合は、多くは、on のイベントになっている要素が静的でないことが原因です。

動的に生成される要素は不確定要素であるため、起点にしてしまうと取得できないことがあります。

解決方法は、静的要素である、document を起点にして取得することです。

// 確実に指定できる document を起点にした書き方
$(document).on('click','#id', function() {
 
});

イベントの書き方は、上記にする習慣を付けたほうがいいかも知れません。