title: How to get response with .load jQuery
body: <p>I am working with <code>.load</code> function in jQuery to load a html page into a div with ajax but I have problem since server always doesn't send a html, sometimes it send a <code>json</code> and I want to get that <code>json</code> with <code>.load</code>. </p>
  
  <p>I thought it would be a <code>response</code> in callback function in <code>.load</code> but it return undefined and just put that <code>json</code> into the div so how can I get that <code>json</code> with <code>.load</code>.    </p>
  
  <p>The server send this json : </p>
  
  <pre><code>{ok : false}
  </code></pre>
  
  <p>Here is my jQuery code:</p>
  
  <pre><code>$( "#div").load( "url", function( response, status, xhr ) {
      ////how can I get the false result here response.ok return nothing!!!
      console.log(response.ok);
      if ( status == "error" ) {
          var msg = "Sorry but there was an error: ";
          $( "#div" ).html( msg + xhr.status + " " + xhr.statusText );
      }
  });
  </code></pre>