Set text in span using jQuery

by Steve Watts

HTML

<input type="text" id="textToDisplay" />
<br />
<input type="button" value="Add message" onClick="showMessage()" />
<br />
<span id="messageSpan"><span>

JavaScript

function showMessage() {
    var message = jQuery("#textToDisplay").val();
    jQuery("#messageSpan").text(message);
}