title: jQuery width() incorrect immediately after document ready?
body: <p>For some reason <code>$("...").width()</code> is returning the wrong value immediately after document ready.</p>
  
  <p>I'm see these values:</p>
  
  <p>Immediately after document ready:</p>
  
  <pre><code>$(document).ready(function(){
    $("li.active a").width() //returns 76 - incorrect
  });
  
  $(document).ready(function(){
    $(window).load(function(){
      $("li.active a").width() //returns 59 - the correct value
    });
  });
  
  $(document).ready(function(){
    setTimeout(function(){
      $("li.active a").width() //returns 59 - the correct value
    }, 100);
  });
  </code></pre>
  
  <p>I'm getting the width of wordpress menu items and resizing them so that they always fit in my responsive design.  There are no images or assets that should cause this change.</p>
  
  <p><strong>Update</strong>
  See my comment below.  Turns out there was an asset, an embedded font, that took a split second to load.</p>