JQuery: добавить текст после поля ввода

У меня есть простое поле ввода:

<input type="text" id="someid" name="somename" class="someclass">

Я пытаюсь добавить некоторые ссылки сразу после этого; поэтому я получу:

<input type="text" id="someid" name="somename" class="someclass"> - <a href="#">..</a>

Я попытался:

$("input#someid.someclass").append(' - <a href="#">Are you sure  ?</a>');

Без успеха, должно быть, глупо, но я не могу понять, что случилось.

Ответы

Попробуйте вместо .after():

$("input#someid.someclass").after(' - <a href="#">Are you sure  ?</a>');

Используйте вместо вместо append

$("input#someid.someclass").after(' - <a href="#">Are you sure  ?</a>');

Метод append добавит node, который вы передадите его элементу, который вы его вызываете.

В вашем случае вы помещаете HTML внутри элемента INPUT.

Вам нужно использовать метод after для вставки HTML-кода после вашего элемента INPUT.

$("input#someid.someclass").after($('<a>')
                           .attr('href','#').text('Are you sure  ?'));