javascript - Jquery は新しく追加された要素にバインドしません

Question

デフォルトでは、JQuery は新しく挿入された要素をバインドしないことがわかりました。これは、私が説明しようとしていることを示すスニペットです。

http://jsfiddle.net/8hf5r/2/

$('#chg-em').on('click', function(e) {
    $('.local').empty().append('<p id="orange-juice">orange juice<p>');
    e.preventDefault();
});

$("#orange-juice").on('click', function() {
    alert('ola');
});

解決策はどれですか？：（ ありがとう。