jquery delay only works on one element
<p>Im trying to fade in 3 divs all at the same time. They all have same class .box but only the first on fades in?</p>

<p>CSS:</p>

<pre><code>.box{display:none}
</code></pre>

<p>JS:</p>

<pre><code>$(".box").delay(1800).fadeIn(1000);
</code></pre>

<p>HTML:</p>

<pre><code>&lt;div class="box"&gt;ONE&lt;/div&gt;
&lt;div class="box"&gt;TWO&lt;/div&gt;
&lt;div class="box"&gt;THREE&lt;/div&gt;
</code></pre>
