Jquery: calculating width of hidden input
<p>Pretty simple task: using jquery I need to calculate the width of an input before the input is visible on the screen.</p>

<p><a href="http://jsfiddle.net/ajbeaven/mKQx9/" rel="nofollow">http://jsfiddle.net/ajbeaven/mKQx9/</a></p>

<p>Here is the code for convenience:</p>

<pre><code>&lt;div style="display:none;"&gt;
    &lt;input /&gt;
&lt;/div&gt; 

&lt;script type="text/javascript"&gt;
    $(function () {
        alert($('input').width());
        $('div').show();
    });
&lt;/script&gt;
</code></pre>

<p>Alert always shows <code>0</code></p>

<p>How do I calculate width without having to forcibly make the element visible, calculate the width, then hide them again? </p>
