title: Json getting error 400
body: <p>I am trying to get the json from a link page.</p>
  
  <p>The links works perfect when I open into the browser</p>
  
  <p>here is the code I get an error 400 in the console. However, If I paste this url in my browser I get the page, any ideas what can be? and how to fix?</p>
  
  <pre><code>$(document).ready(function () {
    $('#get-data').click(function () {
      var showData = $('#show-data');
  
      $.getJSON('http://example.com', function (data) {
        console.log(data);
  
       showData.html(JSON.stringify(data))
  
      });
  
      showData.text('Loading the JSON file.');
    });
  });
  </code></pre>
  
  <p><strong>json in the url:</strong></p>
  
  <pre><code>{
      "day": 0,
      "people": 0,
      "total": 22,
      "tests": []
  }
  </code></pre>
  
  <p><strong>Status Code:400 Bad Request</strong></p>