How to only change the text in a DOM element without replacing any child elements

Question

Hi I have a simple html structure

Title text inner text

What I want is to replace only the te

Answer 1

$("h1").each(function() {
    var textNode = document.createTextNode("new text");
    this.replaceChild(textNode, this.firstChild);
});

DEMO: http://jsfiddle.net/FvbJa/