Not sure why this function isn't functioning

Not sure why this function isn't functioning

Hi,

I want  an effect to occur when a user clicks on a form submit button which is basically to let the user know the form is being processed.As it stands right now, nothing happen when the form button is clicked, as far as this function (the form does submit), you just don't get the click function I want.

Please let me know if anything looks like it would be causing the click event to not work.

  1. JQUERY
  2. /*add effect when form submit button is clicked*/
  3. $(document).ready(function() { 
  4.     $('button[type=submit]').click(function() { 
  5.         $.blockUI({ css: { 
  6.             border: 'none', 
  7.             padding: '15px', 
  8.             backgroundColor: '#000', 
  9.             '-webkit-border-radius': '10px', 
  10.             '-moz-border-radius': '10px', 
  11.             opacity: .5, 
  12.             color: '#fff' 
  13.         } }); 
  14.  
  15.         setTimeout($.unblockUI, 2000); 
  16.     }); 
  17. });
  18. HTML
  19.  <button type="submit" class="btn">SEND</button>