title: Change text (html) with .animate
body: <p>I am trying to animate the html part of a tag ( <code>&lt;font id="test" size="7"&gt;This Text!&lt;/font&gt;</code> ) using jQuery's Animate function, like so:</p>
  
  <pre><code>$("#test").delay(1500).animate({text:'The text has now changed!'},500);
  </code></pre>
  
  <p>However nothing happens, it does not change the text.</p>
  
  <p>How can I do this? Thanks!</p>