jquery $(document).ready and reading div content on load
<p>Anyone know why this isnt working?</p>

<p><strong>css</strong></p>

<pre><code>#test1
{
    height: 50px;
    border: 1px solid black;
}

#test2
{
    height: 50px;
    color: red;
    border: 1px solid black;
}
</code></pre>

<p><strong>html</strong></p>

<pre><code>&lt;div id="test1"&gt;
    test&lt;br /&gt;
    Text
&lt;/div&gt;
&lt;br /&gt;
&lt;div id="test2"&gt;
&lt;/div&gt;
</code></pre>

<p><strong>jquery</strong></p>

<pre><code>$(document).ready(function(){
    if($("#test1").val() != "")
    {
        $("#test2").val($("#test1").val());
        $("#test2").val("");
    }
});
</code></pre>

<p>I also have a link of the code here to play with: <a href="http://jsfiddle.net/FDe9N/4/" rel="nofollow">http://jsfiddle.net/FDe9N/4/</a></p>

<p>on the <em>$(document).ready</em> doesnt the site fully load before executing the code? and if so doesnt that mean the div should already contain the text? the code doesnt hit the code in the <em>if</em> statement as if the div was empty when in fact it does have text in it... Thanks in advance!</p>
