title: Change div content on load
body: <p>I am trying to wrote a script that, when the page is loaded, change the content inside 2 divs. At the moment the script should only put the variable inside the div but my next step will be to write the same script using arrays.
  At the moment the script is not working and I can''t figure out why...have I to use AJAX instead of .html()?
  The page:</p>
  
  <pre><code>&lt;div class="think_infobox"&gt;
              &lt;h4 class="infbox" id="infbox_title"&gt;
                  original title
              &lt;/h4&gt;
              &lt;p class="infbox" id="infbox_body"&gt;
                 original body
              &lt;/p&gt;
  </code></pre>
  
  <h2>    </h2>
  
  <p>The script</p>
  
  <pre><code>$(document).ready(function(){
      var title = 'my new title';
      var body = 'my new body';
      $(#infbox_title).html(title);
      $(#infbox_body).html(body);
  });
  </code></pre>
  
  <p>The same code on jsFiddle
  <a href="http://jsfiddle.net/G8F9a/" rel="nofollow">http://jsfiddle.net/G8F9a/</a></p>