Отправка данных формы ajax-ом
 

:victory:
Есть такая простенькая формочка:

<form>
	<textarea id='elm' name='text' cols='50' rows='4'></textarea>
	<input name="message" type="button" value="Отправить" id='but' /><span id='res'></span>
</form>

Вот так я пытаюсь её отправить:

function mes(){
	var but = $("#but").val();
	var elm = $("#elm").val();
	var id = <? echo $id;?>;
	
	$.ajax({
		type: "POST",
		data: "text="+elm+"&message="+but+"&id="+id,
		url: "blocks/send_message.php",
		dataType: "json",
		success: function(data){
			$("#res").text(data.content);
		}
	});
}
$(document).ready(function(){
	$("#but").click(mes);
});

В чём баг не пойму, на обработчик .php ничего не приходит.
Может я чё нИправильно делаю. Подскажите пожалуСта.

Решил проблему следующим способом:

function mes(){
	var elm = tinyMCE.get('elm').getContent();
	var id = <? echo $id;?>;
		
	$.ajax({
		type: "POST",
		data: "text="+elm+"&id="+id,
		url: "blocks/send_mes.php",
		dataType: "text",
		success: function(data){
			tinyMCE.get('elm').setContent('');
		}
	});
}
$(document).ready(function(){
	$("#but").click(mes);
});

Кстати этот код, после выполнения запроса,
ещё очищает поле <textarea>

Надеюсь кому-нибудь пригодится.

P.S. Баг был в том, что к форме крикручен TinyMce.