How to wrap each word of an element in a span tag?

Question

$(\"div.date\")
    .contents()
    .filter(
        function(){
            return this.nodeType != 1; 
        })
    .wrap(\"\");

I

Answer 1

Just building on Xeon06 excellent answer.

I had to do this for a multiple of the same element on the same page.

    $('.element').each(function(){
        var words = $(this).text().split(" ");
        var total = words.length;
        $(this).empty();
        for (index = 0; index < total; index ++){
            $(this).append($(" ").text(words[index]));
        }
    })