Add span to each word

Add span to each word.html

<div class="text">123456</div>
<style>
span{
    color: red;
}
</style>
<script>
$('.text').each(function(){
    var text = $(this).html().split(''),
        len = text.length,
        result = []; 

    for( var i = 0; i < len; i++ ) {
        result[i] = '<span>' + text[i] + '</span>';
    }
    $(this).html(result.join(''));
});        
</script>