Alex

src="#' попробуйте добавить...

test2.animate({'margin-left': '+=100px'}, 800);

e.stopImmediatePropagation() попробуйте, вместо превента

Что на сервере?
Самое простое, по таймеру опрашивать сервер на предмет новых сообщений

Если я правильно понял, там какие то манипуляции с CSS идут.
Почему бы не использовать

@media screen and (min-width: 760px) {
.header-top{
 height:100px
}
}
@media screen and (max-width: 760px) {
.header-top{
 height:1000px
}

ondblclick="$('#div').removeClass('hidden')"

onclick="$('#div').addClass('hidden')"

https://github.com/mgonto/restangular

opacity 0 - > opacity 1

Сразу скажу, большим и опытным web не являюсь.

Стоит аналогичная задача, но для проекта на прод. (то же большой некропроект на Delphi)
Так же в муках выбора и уже сделали рыбу на Angular 1.x + Express.

Для Ваших задач, я думаю, этой связки будет вполне достаточно.

Мы остановились в отсутствии серверного рендеринга Angular 1 и смотрим Angular 2, а так же React.
На сервере присматриваемся к GraphQL

https://github.com/ressio/lazy-load-xt#iframe-embe...

И автоплей к нему

Тут таких вопросов было овер 50... поиском не пользуемся?
Да и на хабре статья была...

Поменял код создания элемента.

function pushDiv(elem,id){
	var crElem = document.createElement('div');
  elem.appendChild(crElem);
	crElem.id = id;
	return crElem;
}

Видимо проблема была в том, что вставка элемента через innerHTML как то криво работает

Тут все без JS можно сделать. На "@media" посмотрите
@media screen and (max-width: 671px) {...}

Начнем с того, что
onClick="ChandeText()"
и
function ChangeText(){

2 разные функции ( отличаются в 1й букве)

Затем createTextRange это только IE функция....

$('#test').replaceWith($(' <span> ' + $('#test').innerHTML + '</span>'));

гуглится 2 секунды

document.getElementById('mab395fbrp_submit').onclick = function (){alert("2")}