title: jQuery - blockUI() acts differently depending on browser
body: <p>I'm trying to implement blockUI-pugin. In Firefox, blockUI works, but unblockUI does not. Firebug keeps telling me <code>unblockUI() is not a function</code>. </p>
  
  <p>Then I tried to change browser (from FireFox to Chrome), just to see if it would make a difference - it did. Now when I run the code, the grey area doesn't appear anymore (this also happens in Safari) + unblockUI is still not working. Firebug shows that all my POST-variables is received and correct. </p>
  
  <p>here is my AJAX-call:</p>
  
  <pre><code>function login() {
      $.ajax({
          url: 'login.php',
          type: 'POST',
          data: $('#login').serializeArray(),
          error: function(data){
              console.log(data);
          },
          success: function(data){
              console.log(data);
              $.unblockUI();
          }
      });
  }
  </code></pre>
  
  <p>And here is my blockUI:</p>
  
  <pre><code>$(document).ready(function() {
      $.blockUI({
          message: $('#message').load('login.html'), 
          css: {backgroundColor: '#00FF'}
      });
  });
  </code></pre>
  
  <p>So, my two question are: </p>
  
  <p>-Why isn't the grey shown in Chrome?</p>
  
  <p>-Why doesn't unblockUI() work?</p>
  
  <p>Thanks a lot!</p>