どもです。
jsで動的に増やしたhtml要素を操作するjQueryに関して、今更感漂うメモ書き。
何かあったら都度増えます。たぶん。
.click()は効かない。.on()を使う。
追加された要素は、.click()、.change()などの古いトリガーの書き方ではトリガーにならない。
//.on()を使う
$(document).on("click", "セレクタ", function(){
});
ただし、map()などはトリガーではないので、そのまま使える。混同しないこと。
参考サイト：[Qiita]jQuery 便利なonを使おう（on click)
data()はhtmlを書き換えられない
なんでさ。
ネイティブの.datasetか、.attr()を使うべし。旧ブラウザを踏まえたら.attr()が無難か。結局.attr()が万能。