get css() property before append()?
<p>how can you get a css property before the element is appended?</p>

<p>css</p>

<pre><code>input.inp {
    padding:3px 2px 3px 2px;
}
</code></pre>

<p>js</p>

<pre><code>var elm = $('&lt;input class="inp" type="text" /&gt;');

alert(elm.css('padding-left'));
td.append(elm);
alert(elm.css('padding-left'));
</code></pre>

<p>only the second alert retuns the value...</p>

<p>I want the input element to have width:100%.. but since you can't do that (when the input has a padding of its own) I need to set the width in pixels</p>

<ol>
<li>get width of the the TD where the INPUT has to be appended...</li>
<li>get the left and right padding of the INPUT</li>
<li>append the INPUT to the TD with the width of the TD minus the left and right padding of the INPUT</li>
</ol>
