$(document).ready(function(){
$("form").submit(function(){

//show the loading bar
$('.bar').css({display:'block'});

var str = $("form").serialize();

   $.ajax({
   type: "POST",
   url: "contact.php",
   data: str,
   success: function(msg){
    
$('.bar').css({display:'none'}); 

$("#note").ajaxComplete(function(event, request, settings){

if(msg == 'OK')
{
result = '<div class="notification_ok">Tu mensaje ha sido enviado. Gracias!</div>';
$("#fields").hide();
}
else
{
result = msg;
}

$(this).html(result);

});

}

 });

return false;

});

});