javascriptの「wrapInner」が解除されてしまう

Question

###■やりたいこと
テキストエリアの内容をリアルタイムで反映させています。

その内容を<p>タグで囲いたいです。

###ダメだったこと
下記のように「wrapInner」を使ってｐタグを入れようとすると、なぜか無視してテキストだけが反映されてしまいます。

<textarea id="content"></textarea>

<div id="response"></div>

<!-- 「#response」に反映させる -->
<script>
var textarea = document.getElementById('content');
textarea.addEventListener('keyup', function () {
var response = document.getElementById('response');
response.textContent = this.value;
});
</script>

<!-- 「#response」に反映させる文字を<p>で囲む -->
<script>
(function($){
$("#response").wrapInner("<p></p>");
})(jQuery);
</script>
```上のコードの動きはこちらです。
[https://jsfiddle.net/6f5swL2g/](https://jsfiddle.net/6f5swL2g/)

お詳しい方、ご教示頂けましたら幸いです。
どうぞよろしくお願いい致します。

Answer 1

とりあえずリンク先はjQueryが読み込まれていないみたいなのでそれで動作していないようです。

あとちょっと具体的に何がしたいかがよく分かっていないのですが、単にpタグを入れたいだけならwrapInnerは使わなくても

<div><p id="response"></p></div>

で良い気も…

というか、wrapInnerは画面表示された時しか呼び出されていないような。

Comments

[退会済みユーザー]

大変失礼いたしました。<(_ _)>????
ご回答どうもありがとうございます!!