jQueryで動的に追加した要素を参照するには?

jQueryで例えば、

$(“#list ul”).append(‘<li></li>’);

のように動的に要素を追加するとします。

その要素が追加される前から、以下のように最初からその要素liにアクセスしようとコーディングしていると、プログラムがその要素を見つけることが出来ません。

$(‘#list ul’).each(function(index)
{
$($(this).find(‘li’)).on(
{
‘click’: function()
{
}
});
});

その場合、要素がappendで追加された後にもう一度追加されたli要素を明示的にonを記述してやる必要があります。