Почему елемент не создаётся элемент после input?

Question

[raw1]

Пытаюсь вставить элемент с помощью append() , но не получается

<section>
	<p>lorem</p>
	<input type="text" id="login">
</section>

$('#login').append('<p class ="error">'+data+'</p>');

Но если вставить после обертки всё выходит

Answer 1

[Сергей delphinpro]

.append() добавляет не после, а в конец элемента
инпут не может содержать дочерних узлов, вот и не работает.
вам нужен .after()

Answer 2

[Владислав Бойченко]

Попробуйте так:

$('#login').append("<p class ='error'>"+data+"</p>");

Comments

[Сергей delphinpro]

А в чем разница-то? =)

[Владислав Бойченко]

Сергей: у вас двойные кавычки внутри одинарных, я вам предлагаю сделать наоборот.

[Сергей delphinpro]

Владислав Бойченко: Это не у меня =)
Но все-таки, в чем разница-то от смены кавычек? =)

[Владислав Бойченко]

Сергей: Сергей: я не гуру JS, но при верстке из своего опыта узнал, что в двойные кавычки одинарные вписать можно, а наоборот -- нет. Не разбирался, почему так, но это работает.

[Ярослав Иванов]

Владислав Бойченко: экранировать кавычки надо

[Сергей delphinpro]

Владислав Бойченко: Вы ошибаетесь, видимо мало работаете с javascript. Разные кавычки вкладывать можно. Одинаковые тоже, но внутренние в этом случае нужно экранировать бэкслешем.

[Никита]

поорал с ответа