title: How to send api key Header
body: <p>I am trying to send an API key with headers but my header is not showing in my request or I'm unable to send the header request.</p>
  
  <pre><code>$(document).ready(function () {
      $.ajax({
          url: "http://xx.xx.xx.xx:xx/api/values",
          type: "Get",
          dataType: "json",
          Headers: { "HeaderName": "MYKey" },
          success: function (data) {
              for (var i = 0; i &lt; data.length; i++) {
                  var str = "&lt;div&gt;" + data[i].ID + ":" + data[i].APIKey + "&lt;/div&gt;";
                //  $("#bookTemplate").append(str);
              }
          },
          error: function (msg) { alert(msg); }
      });
  });
  </code></pre>
  
  <p>I have also tried using:</p>
  
  <pre><code> beforeSend: function(xhr)   {xhr.setRequestHeader('Header Name', 'Mykey');},
  </code></pre>