title: random timeout for every class object
body: <p>I'm using this function to call an effect on objects, which are showing up several times on my page:</p>
  
  <pre><code>setTimeout(function () {
  
      $(".effect-object").each(function(){
          $(this).addClass("effect");
      });
  
  }, Math.random() * 10000); 
  </code></pre>
  
  <p>Right now the effects are being fired all at the same "random" time. I want the effect on every class to be played at its own random time. </p>
  
  <p>I tried doing it like this, but it didn't work:</p>
  
  <pre><code>    $(".effect-object").each( setTimeout( function(){
          $(this).addClass("effect");
      }, Math.random() * 10000));
  </code></pre>
  
  <p>how can I make this work?</p>