jQuery: add non-breaking space on titles

by gabrieleromanato

HTML

<h2>Lorem ipsum dolor sit amet et</h2>

CSS

body {
    margin: 2em auto;
    width: 65%;
}

h2 {
    font: 2em Arial, sans-serif;
}

JavaScript

$('h2').each(function() {
    var wordArray = $(this).text().split(" ");
    var finalTitle = "";
    for (i = 0; i <= wordArray.length - 1; i++) {
        finalTitle += wordArray[i];
        if (i == (wordArray.length - 2)) {
            finalTitle += "&nbsp;";
        } else {
            finalTitle += " ";
        }
    }
    $(this).html(finalTitle);
});