title: jquery $(document).ready and reading div content on load
body: <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>