Нужна помощь с добавлением комментариев на AJAX

[Bars]

Собственно, вопрос:


JavaScript:

function addcomment()
{
	var id = $('#newsid').val();
	var text = document.getElementById("addcomment");
	var captcha = $('#commcode').val();
	$('#loading').css('display','inline');
	$.ajax({
		type: "POST",
		url: "/inc/ajax/addcomment.php",
		data: "id="+id+"&text="+text.value+"&captcha="+captcha,
		success: function(res) {
			if(parseInt(res)!=0){
				$('#ajax').html(res);
				$('#loading').css('display','none');
				recaptcha();
				$('#commresult').css('display','block');
			}
		}
	});
}

Форма добавления:

				<div class="capmain-top"></div>
				<div class="capmain floatfix">
					<div class="flleft">Комментирование</div>
				</div>
				<div class="spacer">
					<div class="main-body-news floatfix">
						<input type="hidden" id="newsid" value="<?php echo "$id"; ?>" />
						<textarea name="commtext" rows="4" placeholder="Напишите текст комментария..." id="addcomment" style="width:98%; max-width:98%;"></textarea>
						<div class="smilepanel">
							<div class="smiles">
								<img src="/tpl/img/smiles/smile.gif" onclick="smile('*smile*');" title="Улыбаюсь" />
								<img src="/tpl/img/smiles/wink.gif" onclick="smile('*wink*');" title="Подмигиваю" />
								<img src="/tpl/img/smiles/sneaky.gif" onclick="smile('*sneaky*');" title="Троллю" />
								<img src="/tpl/img/smiles/O_o.gif" onclick="smile('*O_o*');" title="Удивляюсь" />
								<img src="/tpl/img/smiles/good.gif" onclick="smile('*good*');" title="Нравится" />
								<img src="/tpl/img/smiles/bad.gif" onclick="smile('*bad*');" title="Не нравится" />
								<img src="/tpl/img/smiles/facepalm.gif" onclick="smile('*facepalm*');" title="Что же делать?" />
								<img src="/tpl/img/smiles/unsure.gif" onclick="smile('*unsure*');" title="Неудача" />
								<img src="/tpl/img/smiles/frown.gif" onclick="smile('*frown*');" title="Грущу" />
								<img src="/tpl/img/smiles/cry.gif" onclick="smile('*cry*');" title="Плачу" />
								<img src="/tpl/img/smiles/biggrin.gif" onclick="smile('*biggrin*');" title="Насмехаюсь" />
								<img src="/tpl/img/smiles/LOL.gif" onclick="smile('*LOL*');" title="Угараю" />
								<img src="/tpl/img/smiles/cool.gif" onclick="smile('*cool*');" title="Крутой" />
								<img src="/tpl/img/smiles/eek.gif" onclick="smile('*eek*');" title="Шокирован" />
								<img src="/tpl/img/smiles/confused.gif" onclick="smile('*confused*');" title="Не знаю" />
								<img src="/tpl/img/smiles/tongue.gif" onclick="smile('*tongue*');" title="Фиг вам" />
								<img src="/tpl/img/smiles/laugh.gif" onclick="smile('*laugh*');" title="Смеюсь" />
								<img src="/tpl/img/smiles/rolleyes.gif" onclick="smile('*rolleyes*');" title="Мечтаю" />
								<img src="/tpl/img/smiles/nya.gif" onclick="smile('*nya*');" title="Няшка" />
								<img src="/tpl/img/smiles/cautious.gif" onclick="smile('*cautious*');" title="Пристально наблюдаю" />
								<img src="/tpl/img/smiles/mad.gif" onclick="smile('*mad*');" title="Злюсь" />
								<img src="/tpl/img/smiles/creeper.gif" onclick="smile('*creeper*');" title="Взрываюссссь" />
								<img src="/tpl/img/smiles/poop.gif" onclick="smile('*poop*');" title="Какашка" />
							</div>
							<div class="flright">
								<img src="/tpl/img/loading.gif" id="loading" width="48" align="absmiddle" /> <span id="captcha"><?php echo "$rand1+$rand2= "; ?></span><input type="text" id="commcode" placeholder="?" maxlength="3" style="width:24px; height:13px;" />&nbsp;
								<input type="button" onClick="addcomment();" id="commpost" class="btn btn-small btn-primary" value="Добавить" />
							</div>
						</div>
					</div>
				</div>

 

[Bars]

А то ошибка выводится там, где должен появиться комментарий (если он был бы написан без ошибок).
А мне нужно, чтобы выводилось над формой добавления (на скриншоте указана стрелка).

 

[c0dex]

Надо каким-то образом отделить успешное добавление от ошибки, как это сделаешь - дело твое, я бы сделал на заголовках. После уже, если случилась ошибка - добавляешь кусок в нужное место DOM дерева. Если ошибки нет - показываешь коммент

 

[Bars]

Хотелось бы узнать, как это всё модифицировать. И да, у меня AJAX от jQuery.

 

[WMix]

console.log(res); // то что вернул сервер
$('#ajax').html(res); // а тут надо изменить id на элемент над формой (на скриншоте указана стрелка).

 

[Bars]

Что делает console.log(res) и где тогда указать ID элемента, в котором должен появиться сам комментарий в случае успешного добавления (где на данный момент красный блок с ошибкой)?

 

[WMix]

https://getfirebug.com/logging
https://developers.google.com/chrome-developer-tools/docs/console?hl=de