[jquery] jqueryで追加されたbuttonをクリックしたら、そのvalueを取得する

jqueryで追加されたbuttonをクリックしたら、そのvalueを取得したい。

ただ、.clickは、新しく追加されたDOMには動作できないようなので、

html

<button type='button' class='btn' value='1'>1</button>
<button type='button' class='btn' value='2'>2</button>
<button type='button' class='btn' value='3'>3</button>

通常であれば

$(".btn").click(function() {
 var val = $(this).attr("value");
});

で取得できるのだが、Buttonがjqueryのappendで追加された要素の場合は、以下のように実装する必要がある

javascript

$(document).on('click', ".btn", function() {
 var val = $(this).attr("value");
});