title: How to get the response title from the "jqXHR" object using jQuery?
body: <p>This is my AJAX error function:</p>
  
  <pre><code>error: function (jqXHR, exception) {
      if (jqXHR.status === 0) {
          alert('Not connect.\n Verify Network.');
      } else if (jqXHR.status == 404) {
          alert('Requested page not found. [404]');
      } else if (jqXHR.status == 500) {
          alert('Internal Server Error [500].');
      } else if (exception === 'parsererror') {
          alert('Requested JSON parse failed.');
      } else if (exception === 'timeout') {
          alert('Time out error.');
      } else if (exception === 'abort') {
          alert('Ajax request aborted.');
      } else {
          //var test = $.parseJSON(jqXHR.responseText);
          alert('Uncaught Error.\n' + jqXHR.responseText);
      }
  }
  </code></pre>
  
  <p>Here in this <code>jqXHR.responseText</code> gives me response like</p>
  
  <blockquote>
    <p>{"status":{"statusCode":555,"title":"Please provide the
    recipient","class":"requestController"}}</p>
  </blockquote>
  
  <p>From this suppose I want to display only the <em>title</em> from this response in  alert box how can I do this?</p>
  
  <p>I tried with <code>jqXHR.status</code>, but it's giving me the <em>status code</em>. Also  <code>jqXHR.title</code> is giving me <code>undefined</code> value.</p>
  
  <p>So please anybody tell me how can I extract this particular field from the response.</p>