$(document).ready(
	function() {
		$("#letters a").click(function() {
			$("#letters-results").empty();
			$("#letters-results").prepend('<div id="loading"></div>');
			$.ajax({
				type: "GET",
				url:  $(this).attr("href"),
				error: function(request){
					$("#loading").fadeOut(500, function(){
						$("#loading").remove();
						$("#letters-results").empty();
						var data = request.responseText;
						$("#letters-results").append(data);
					});
				},
				success: function(data){
					$("#loading").fadeOut(500, function(){
						$("#loading").remove();
						$("#letters-results").empty();
						$("#letters-results").append(data);
					});
				}
			});
			return false;
		});
	}
);