title: setTimeout delay doesn't wait for the timeout
body: <p>I trying to wrap my head around <code>setTimeout</code>, but I can't get it to work properly.</p>
  <p>I have set up an example here: <a href="http://jsfiddle.net/timkl/Fca2n/" rel="nofollow noreferrer">http://jsfiddle.net/timkl/Fca2n/</a></p>
  <p>I want a text to countdown after an anchor is clicked - but my <code>setTimeout</code> seems to fire at the same time, even though I've set the delay to 1 sec.</p>
  <p>This is my HTML:</p>
  <pre><code>&lt;a href=&quot;#&quot;&gt;Click me!&lt;/a&gt;
  
  &lt;span id=&quot;target&quot;&gt;&lt;/span&gt;
  </code></pre>
  <p>This is my JS:</p>
  <pre><code>$(document).ready(function() {
  
  
  function foo(){
  
      writeNumber = $(&quot;#target&quot;);
      
      setTimeout(writeNumber.html(&quot;1&quot;),1000);
      setTimeout(writeNumber.html(&quot;2&quot;),1000);
      setTimeout(writeNumber.html(&quot;3&quot;),1000);
      };
  
  $('a').click(function() {
   foo();
  });
  
  });
  </code></pre>