title: jQuery ajax handle 401 Unauthorized
body: <p>I am calling third party web page using jQuery ajax. According to their page they sent me status code 200 if log-in success and 401 if log-in unsuccessful. Here is my jquery code sample. This code works fine on IE but not work on Chrome or Firefox. What could be the issue?</p>
  
  <pre><code>$.ajax({
    type: 'GET',
    url: hostURL + 'j_teo_security_check?callback=?',
    dataType: 'json',
    data: ({j_username : $("#inp_user_name").val(), j_password: $("#inp_user_pwd").val()}),
    statusCode: {
        401:function() { alert("401"); },
        404:function() { alert("404"); },
        200:function() { alert("200"); },
        201:function() { alert("201"); },
        202:function() { alert("202"); }
      },
      complete: function(httpObj, textStatus){
      alert(httpObj.status);
    },
    error: function(){
      alert("error");
    },
    async: false
  });
  </code></pre>
  
  <p>I tried all the functions error, success, complete, and statusCode. None of them handle the 401 error.</p>