title: AJAX request not working on remote host
body: <p>I've got an AJAX request which pulls the data from the form and POSTs it to an API. The weird thing is it works perfectly fine on localhost but fails silently when I upload to remote server. And I mean silently: the response code is blank, there's nothing in the logs. I've checked on Firefox and Chrome. jQuery is loaded, function is firing properly. The code is below:</p>
  
  <pre><code>function send() {
      console.log("preparing");
      var beacon = {
          beaconID: $("#beaconID").val(),
          name:$("#beaconName").val(),
          campaignID:$("#campaignID").val(),
          clientID:$("#clientID").val()
      }
      console.log("payload:");
      console.log(beacon);
  
      $.ajax({
          type: 'POST',
          url: '../beaconAPI/index.php/createBeacon',
          data: JSON.stringify(beacon),
          contentType: "application/json; charset=utf-8",
          traditional: true,
          success: function (response) {
              console.log("done:");
              console.log(response);
          },
          error: function(jqXHR, textStatus, errorThrown) {
              console.log(JSON.stringify(jqXHR));
              console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
           }
      });
  }
  </code></pre>