Как сделать что-бы один ответ сервера в блоке DIV не затирался следующим?

Question

[B1ackGh0st]

Всем привет. Такую функцию JQuery я использую для отправки POST запроса на сервер и его ответа.

$(function() {
 $(document).on('click', '#addAdsUser_ok', function() {
  var title = $("#titleAds").val();
  var text = $("#textAdsAdd").val();
  if(title == "" || text == "" ){
    $("#echoAjax").html("<div class='alert alert-danger'>Не все поля заполнены</div>");
  }else{
      $.ajax({
	url: "ajax/add_ads.php",
	type: "POST",
	data:{title: title,text: text},
	success: function(html){
	  $("#echoAjax").html(html);
	}
      });
    }
  });
});

в DIV echoAjax возвращаются данные - это все хороше, но если отправить запрос заново то старый ответ затирается новым подскажите как это исправить!

Answer 1

[Илья Лесных]

// вот это
//$("#echoAjax").html(...);
// заменить на это
$("#echoAjax").append(...);

Comments

[1001001 111]

Или api.jquery.com/prepend

[1001001 111]

Или

$("#echoAjax").html($("#echoAjax").html() +html);

$("#echoAjax").html(html + $("#echoAjax").html());

Answer 2

[B1ackGh0st]

Не получается.
Ответ приходит сюда

...
<tbody id="echoAjax">

</tbody>
...

но все равно затирается предыдущий ответ а мне надо чтобы каждый следующий вставал над предыдущим

Comments

[Viktor Vsk]

в тбоди должны быть tr, а не дивы.
если каждый новый - сверху, то $("#echoAjax").prepend(...);