<h1>
    <span class="word1">
        <span class="char1">M</span>
        <span class="char2">y</span>

    </span>

    <span class="word2">
        <span class="char1">T</span>
        <span class="char2">i</span>
        <span class="char3">t</span>
        <span class="char4">l</span>
        <span class="char5">e</span>
    </span>
</h1>

h1 span span {
    opacity:0;
}

$(document).ready(function() {

$("h1").lettering('words').children('span').lettering();

 var title = $('h1 span');
 var letters = title.children();

setInterval(function() {
    letters.eq(Math.random() * letters.length | 0).animate({opacity: 1}, 2000);
}, 100);


});