jquery - Jquery - 再描画後にクリック可能な要素を動的に追加するにはどうすればよいですか

Question

このトピックに関する他の投稿を見たことがありますが、再描画時に常に要素が変更されます。私はアイテムのリストを持っています。1つをクリックしてajax経由で削除し、同じリストを再描画してクリック可能にしたいです。再描画後のクリックが機能しません。次のコードは、リストを一度だけ再描画します。その後、「listto」項目はクリックできなくなります。「on」がこれを処理するはずだと思いました。どうすればこれを機能させることができますか？

$('.listto').on('click',function() {
    var tmp = $(this).attr('id').substr(1).split("|");
    $.ajax({url: '/contact/removefromlist/'+tmp[0]+'/'+tmp[1],
        success: function(data) {
            redrawtolist(data,tmp[1])
        }
    });
});

function redrawtolist(data,item) {
    var dat = JSON.parse(data);
    var str = "";
    $.each(dat, function(index, rel) {
        str += '<div id="t'+index+'|'+item+'" class="listto">'+rel+'</div>';
    });
    $('#tolist').html(str);
}