title: $elem..style.display always returns empty string
body: <p>I have this website:
  <a href="https://www.jamesandrose.co.uk/" rel="nofollow noreferrer">https://www.jamesandrose.co.uk/</a></p>
  
  <p>I'm trying to figure out a way to see if the element #cookie-law-info-bar is visible or not.</p>
  
  <p>Normal is('visible') doesn't work on Chrome so I'm trying to read the inline styling directly to see if it contains display: none or display: block.</p>
  
  <p>I've added this script:</p>
  
  <pre><code>jQuery( document ).ready(function($) {
    var style = $("#cookie-law-info-bar")[0].style
    console.log(style)
    var display = $("#cookie-law-info-bar")[0].style.display
    console.log(display)
  });
  </code></pre>
  
  <p>This is the output in the console:
  <a href="https://i.stack.imgur.com/QN8Ui.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QN8Ui.png" alt="enter image description here"></a></p>
  
  <p>No matter what I do, whether $elem.style.cssText or $elem.style.backgroundColor the result is always an empty string.</p>
  
  <p>Totally lost my sanity, any help appreciated.</p>