javascript - jqueryval-divで期待どおりに機能しない

Question

私はこのコードを持っています：

    function discuss(thema){
     $('#prep').val(thema + '<div>answer button</div>');
    }

HTML：

<div id="quatschen"> 
<div id="prep"> </div>
</div>

の値を設定していません。機能をprepクリックしても何も起こりません。discuss()

discussここで呼ばれます：

<input type="text" name="thema" id="thema" />
<a href="javascript:discuss($('#thema').val())"> discuss me </a>

に変更val()するとappend()、動作しています。なぜvalここで働いていないのですか？

手伝ってくれてありがとう

Answer 1

使用.html()...valは入力フィールドにのみ使用されます。

$('#prep').html(thema + '<div>answer button</div>');