AJAX getResponseHeader('Link') returns Null in IE
<p>I am running into an issue where xhr.getResponseHeader('Link') returns null in IE. However, it works fine in FF, Safari, and Chrome. The IE dev console shows all the headers in the console as pictured below:
<a href="https://i.stack.imgur.com/ZiqD1.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZiqD1.jpg" alt="IE Dev tools - Response Header Details"></a></p>

<p>xhr.getResponseHeader('Link') returns a null value. xhr.getAllResponseHeaders() returns only 3 values:
<a href="https://i.stack.imgur.com/l7Iae.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/l7Iae.jpg" alt="Output from getAllResponseHeaders()"></a></p>

<p>Here is a snippet of my AJAX request:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$.ajax({
  url: url,
  headers: {
    'Content-Type': 'application/json',
    'Authorization': token
  },
  cache: false,
  method: "GET"
}
}).done(function(data, status, xhr) {
var link = xhr.getHeaderResponse('Link');
console.log(link)
console.log(xhr.getAllHeaderResponses());

});

});</code></pre>
</div>
</div>
</p>

<p>Is there another method of accessing the header information that I am missing?</p>

<p>Thanks!</p>