title: Disable the submit button after clicking and enable it back again after a few seconds
body: <p>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.</p>
  
  <p>here's what I've done for now:</p>
  
  <pre><code>$('#btn').click(function(){
      $.post(base_url + 'folder/controller/function',$('#formID').serialize(),function(data){
          $('#message').slideDown().html('&lt;span&gt;'+data+'&lt;/span&gt;');
      });
  });
  </code></pre>
  
  <p>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?</p>