title: The offsetWidth, scrollWidth,ClientWidth Property is not working for Html Element
body: <p>I am having this control  and trying to get the offsetWidth,clientWidth and scrollWidth..</p>
  
  <pre><code>&lt;span class="label-block" style="height: 19px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;"&gt;
  &lt;label for="ctl00_Form_PlaceHolder_chkIsAnnualSelfInsuranceRenewalCertificaterequired" id="tid" style="background-color:Transparent;"&gt;
  Annual Self Insurance Renewal Certificate Required
  &lt;/label&gt;
   &lt;/span&gt;
  </code></pre>
  
  <p>My code..</p>
  
  <pre><code>var a=$("#tid").offsetWidth;
  var b=$("#tid").clientWidth;
  var c=$("#tid").scrollWidth;
  
  alert("offset Width =" +a);
  alert("client Width =" +b);
  alert("scroll Width =" +c);
  </code></pre>
  
  <p>The alert message displays as <strong>"Undefined"</strong> 
  I have tried in Chrome and IE11 both results the same.</p>