jQuery fade in slowly in succession

by nickadeemus2002

HTML

<div class="myFadeTextClass">
    <h1>show me</h1>
</div>
<div class="myFadeTextClass">
    <h1>show me</h1>
</div>
<div class="myFadeTextClass">
    <h1>show me</h1>
</div>
<div class="myFadeTextClass">
    <h1>show me</h1>
</div>

CSS

.myFadeTextClass{
    margin:10px; 
    padding:10px;
    font-weight:bold;
    color:#ff0000;
    display:none;
}

JavaScript

var fadeSpeed=2000;

$('.myFadeTextClass').each(function(i){
      $(this).delay( i * fadeSpeed).fadeIn( fadeSpeed );
})