Disable the submit button after clicking and enable it back again after a few seconds
I'm using jquery $.post when submitting a form. I want to disable the button for like 5 seconds after it has been clicked to avoid multiple submission of the form.

here's what I've done for now:

    $('#btn').click(function(){
		$.post(base_url + 'folder/controller/function',$('#formID').serialize(),function(data){
			$('#message').slideDown().html('<span>'+data+'</span>');
		});
	});

I've used fadeIn and fadeOut before, but still it doesn't work when I tested it clicking the button rapidly. What should I do to achieve what I wanted to happen?
Disable the submit button after clicking and enable it back again after a few seconds
===

I'm using jquery $.post when submitting a form. I want to disable the button for like 5 seconds after it has been clicked to avoid multiple submission of the form.

here's what I've done for now:

    $('#btn').click(function(){
		$.post(base_url + 'folder/controller/function',$('#formID').serialize(),function(data){
			$('#message').slideDown().html('<span>'+data+'</span>');
		});
	});

I've used fadeIn and fadeOut before, but still it doesn't work when I tested it clicking the button rapidly. What should I do to achieve what I wanted to happen?