JQuery: добавить элемент после другого элемента

У меня есть определенное текстовое поле, и я хочу добавить div после него. Я пробовал функцию .append(), но это только добавляет div в элемент.

Например, у меня есть:

<input type="text" id="bla" />

и я хочу изменить это на:

<input type="text" id="bla" /><div id="space"></div>

Ответ 1

попробуйте использовать метод after():

$('#bla').after('<div id="space"></div>');

Документация

Ответ 2

попробовать

.insertAfter()

здесь

$(content).insertAfter('#bla');