javascriptで入力チェックをしたいです。

Question

HTMLのテキストボックスにボタンを押して送信後に、
そのテキストボックスの右か下でもどちらでもよいので
appendを利用してabcという値を表示をしたいです。

テキストボックスのnameをsample1_1とすると
以下のような式で表現できると考えましたが、うまく表示されません。
(abcという文字すら出てきません)

$('input[name=sample1_1]').append("<p>abc</p>");
いかなかったので
$('input[name="sample1_1"]').append("<p>abc</p>");
とも、やってみました。しかしできませんでした。

セレクタの中身を以下のようにすると一応append自体はちゃんと動作はしていることは確認できました。
(ボタンの外ではなくボタンの中にabcという文字がappendされてしまいましたが…)
$('button').append("<p>abc</p>");

テキストボックスの右か下にある特定の文字を表示するにはどのようにしたらよろしいでしょうか。セレクタの指定がおかしいのでしょうか…
ちなみに
$('button').append("<p>abc</p>");
ではボタンの中にappendされるのですが
$('input').append("<p>abc</p>");
だとうまく動きませんでした。

回答をよろしくお願いします。

Answer 1

$('input').after("<p>abc</p>");