animate().done(function(){
            console.log('DONE');
            
        });

        function animate($callback)
        {
           
        
                var $this = $('h2');
                var $wordList = $this.text().split("");
                
                $wordList = $.map($wordList, function(i, v){
                    return '<span>' + i + '</span>';
                });
                $this.html($wordList);


                var promise =  $this.children('span').each(function(idx) {
                    
                    
                    var newEL = $(this);
                    newEL.css('opacity', 0);

                    newEL.delay(idx * 125);
                    newEL.animate({
                        opacity: 1
                    }, 500, 'swing');

                }).promise();

                return promise;

        }