jQueryでクリックして追加された要素にテキストをセットしたい

[code]

    $(document).on('click', function() {
      $('body').append('<div class="t"></div>');
    });
    // あとから文字列をセットしたい
    $('.t').html('set');
    
[/code]

このままだとsetというテキストはセットされません。どうすれば、あとから文字列をセットすることができるでしょうか？



[code]

    $(document).on('click', function() {
      $('body').append('<div class="t">set</div>');
    });
    
[/code]



[code]

    <script>
    $(document).ready(function(){
        $('.t').append('<p class="p"></p>');
        $('.p').text('set');
    });
    </script>
    
    <body>
        <div class='t'></div>
    </body>
    
[/code]

pタグにtextを付けるのはどうでしょうか。

