title: neither success nor error is working in jquery ajax
body: <p>I am beginner to jquery ajax. My below ajax code was working fine when I was using <code>async: false</code>, but due to problems in firefox I removed it after referring this <a href="https://stackoverflow.com/q/4184642/1577396">link</a>(I was facing the same issue). Now it is not working. not even showing any errors.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>try {
      _ajaxCall = $.ajax({
          url: URL,
          type: "POST",
          data: "drqlFragment=" + text,
          //async : false,
          cache: false,
          headers: {
              accept: "application/json",
              contentType: "application/x-www-form-urlencoded"
          },
          contentType: "application/x-www-form-urlencoded",
          //processData : true,
          success: function (data, textStatus, jqXHR) {
              var resData = data.suggestions;
              for (var i = 0; i &lt; resData.length; i++) {
                  sugData.push(resData[i].keyword);
              }
          },
          error: function (response) {
              //Error here
              alert('hello');
          }
      });
  } catch (e) {
      alert(e);
  }
  </code></pre>
  
  <p>The above code is neither executing <code>success</code> nor <code>error</code>. I even tried to catch the error by keeping <code>try catch</code> block but no use. </p>