.append и немного гимороя.

[AnshaHari]

Собственно сама проблема :
При добавлении html кода с помощью метода .append , визуально он появляется (код), а в исходном коде его нет.
Как исправить или исправить подобное нельзя?

[tsigel]

ну в иходном коде его и не должно быть

[tsigel]

он же исходный

[tsigel]

В исходном коде отображается только то что пришло от сервера без каких-либо изменений на стороне клиента.

[Aetae]

AnshaHari, актуальный html смотри в "инспекторе".)

[AnshaHari]

Просто у меня как-то так. Если я динамически добавляю посты, для них не обрабатываются события подобного рода.

$(document).ready(function($){
...
	$('.post').click(function(event) {
		console.log('click')
		/* Act on the event */
		if (nowPlay) {
			document.getElementById(nowPlay +"music").pause();
		};
		console.log(nowPlay);
		nowPlay = $(this).attr("song");
		document.getElementById(nowPlay +"music").play();
	});
...
});

[tsigel]

Есть 2 пути решения:
1) Либо заново добавлять обработчики на новые элементы
2) Слушать событие на родителе который не меняется и через event.target отслеживать изменения. Хотя так как вы пользуете jQuery - просто почитайте документацию метода "on", там есть решение вашей проблемы.

[AnshaHari]

Есть 2 пути решения:
Хотя так как вы пользуете jQuery - просто почитайте документацию метода "on", там есть решение вашей проблемы.

Результат такой же. Попробую от родителя

...
$('.post').on('click',function(event) {
		console.log('click')
		/* Act on the event */
		if (nowPlay) {
			document.getElementById(nowPlay +"music").pause();
		};
		console.log(nowPlay);
		nowPlay = $(this).attr("song");
		document.getElementById(nowPlay +"music").play();
	});
...

[tsigel]

.on(events-map, [selector], [data])

Цитата отсюда.

У вас должно быть примерно так:

$("StaticParentSelector").on("click", "dynamicChildSelector", handler);

[Aetae]

Попробую от родителя

Где? Вы делаете то же самое.