title: animate every char of an html element text using jquery?
body: <p>i want to animate a string of text taken from an html element using jquery:</p>
  
  <pre><code>&lt;h1&gt;Animate&lt;/h1&gt;
  </code></pre>
  
  <p>for the jquery part:</p>
  
  <pre><code>$(document).ready(function() {
  
  $( "h1" ).animate({ fontSize: "90px" }, 1500 )
       .animate({ fontSize: "50px" }, 1500 );
  
  });
  </code></pre>
  
  <p>this animates the whole h1 text value, however i want to animate each character in the h1 text.</p>
  
  <p>the second jquery part:</p>
  
  <pre><code>$(document).ready(function () {
  
      var animateChar = $("h1").text();
      for(i=0; i&lt;animateChar.length; i++) {
  
          //alert(i + ': ' + animateChar.charAt(i));
          // for every animateChar.charAt[i] want to run this
          //jquery animation.
          //$( "h1" ).animate({ fontSize: "90px" }, 1500 )
          //.animate({ fontSize: "50px" }, 1500 );
  
          }
   });
  </code></pre>
  
  <p>this is the bit where im stuck. thanks</p>