title: How to debug ajax response?
body: <p>I am at lost with ways to debug my Ajax callback. I'm trying to print the response from the php file to see if the call is working but without success. While the call works, the response seem to return empty... Nothing shows in the console but the response in Network tab is 200 OK and I can see the data in the response header. However not able to print it back to the console. <code>console.log(response)</code> should print the table but meh. What are alternative ways to debug this? Any suggestion is welcome.</p>
  
  <p>js</p>
  
  <pre><code>   $.ajax({
                      type: 'POST',
                      dataType : 'json',
                      url: 'queries/getsocial.php',
                      data:nvalues,
                      success: function(response)
                      {
  
                          console.log(response);//does not print in the console
                      }
  
              });
  </code></pre>
  
  <p>So here's the proof I get that it is working server side
  <a href="https://i.stack.imgur.com/ZjeK1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZjeK1.png" alt="enter image description here"></a></p>