gistfile1.txt

$(document).ready(function(){
   	$('.submit').click(function(){

		// Haetaan formin inputtien valuet

		var name = $('input[name="name"]').val();
		var email = $('input[name="email"]').val();
 		var url = $('input[name="url"]').val();
		var msg = $('textarea[name="msg"]').val();

		// Luodaan datastringi, tyyliin name=nimi&email=jotain@jotain.com&url=jotain jne...
		var dataString = 'name=' + name + '&email=' + email + '&url=' + url + '&msg=' + msg;

		// Lahetetaan ajax-pyynto process.php:lle, sisaltaen formin inputtien valuet
		// Ja kun process.php on valmis, luodaan ajaxilla refreshaamatta sivua uus divi, ja fade siihen

		$.ajax({
			type: "POST",
			url: "process.php",
			data: dataString,
			success: function(data) {
				var new_div = $('<div/>').addClass('comment');
				new_div.append('<span class="name">' + name + '</span> <span class="email">' + email + '</span> <span class="url">' + url + '</span> <span class="msg">' + msg + '</span> <span class="timestamp">' + data + '</span>');
				new_div.hide();
				$('div#comments').prepend(new_div);
				new_div.fadeIn(300);
        $('.submit').click(function(){
          $('input[name="name"]').val('');
          $('input[name="email"]').val('');
          $('input[name="url"]').val('');
          $('textarea[name="msg"]').val('');
        });
			}
		});
	return false;
	});
});