title: Fade In String Characters with JQuery?
body: <p>Here is my code. For some reason the entire String fades in at one time instead of each individual character. My console.log shows the characters are being executed one by one. Why is the entire string fading in at one time? Shouldn't the statement within the for loop execute for each character?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
    &lt;script src="jquery.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
    &lt;script&gt;
      $(function() {
        string = " David";
        for(i = 0; i &lt; string.length; i++) {
          $('#fadeIn').append(string[i]).delay(1000).hide().fadeIn(1000);
          console.log(string[i]);
        }
      });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="fadeIn" style="color: #000"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>