загрузка в нужный элемент

[(Sandr)]

Всем привет) И сегодня я снова задаю глупые вопросы, с надеждой на то, что вы мне поможете

Есть такой html-код:

<div class="main">
 <div class="mess"> некий текст </div>
 <div class="mess"> некий текст </div>
 <div class="mess"> некий текст </div>
 <div class="mess"> некий текст </div>
</div>

И есть jQuery-код:

$.ajax({
	type: "POST",
	url: 'адрес',
	data: {данные},
	success: function(html)	{
		$('main').html(html);
	}
});

Вопрос: как сделать, чтобы после загрузки новые данные в элементе с классом main не затирали старые, а добавлялись к ним? То есть после загрузки должно быть что-то в роде этого:

<div class="main">
 <div class="mess"> некий текст </div>
 <div class="mess"> некий текст </div>
 <div class="mess"> некий текст </div>
 <div class="mess"> некий текст </div>
 -- новые загруженные данные --
</div>

З.Ы. заранее спасибо)

[melky]

$('.main').html(function(index, oldHtml){ return oldHtml+html; });

[(Sandr)]

melky,
спасибо.