title: read CSS property from stylesheet
body: <p>I am trying to access css property like this:</p>
  <pre><code>.box {
      position: absolute;
      background-color: red;
      height: 10px;
      width: 10px;
  }
  </code></pre>
  <p>JS:</p>
  <pre><code>var height = $('.box').css('height');
  </code></pre>
  <p>I know, the above code is wrong and this actually doesn't work as <code>.box</code> is not available in the DOM.</p>
  <p>Another thing that i tried:</p>
  <pre><code>var height = $(&quot;&lt;span class='box'&gt;&lt;/span&gt;&quot;).css('height');
  </code></pre>
  <p>My question is: how can I get the height of <code>.box</code> without having any element in the DOM with class <code>box</code> ?</p>