title: JQuery .css() returning 100% as 100px
body: <pre><code>&lt;style&gt;
  .info{
          width:94%;
        }
  &lt;/style&gt;
  </code></pre>
  
  <p>Now doing like this using JQuery </p>
  
  <pre><code>$('.info').css('width');
  </code></pre>
  
  <p>returns <strong>94px</strong> rather than the equivalent value in pixles (<strong>500px</strong> in my case.)</p>
  
  <p>if i set the width in css as <strong>105%</strong> , JQuery would return it as <strong>105px</strong> .</p>
  
  <p>The height and width of the parent container is 600px and 500px respectively.</p>