Input label

by Kenneth Luplau-Brøgger

HTML

<label for="search">Search</label>
<input id="search" />

JavaScript

$("input").val(function() {
    var $label = $("label[for='" + $(this).attr("id") + "']");
    $(this).data("defaultValue", $label.text());
    $label.hide()
    return $label.text();
}).click(function() {
    if ($(this).val() == $(this).data("defaultValue")) {
        $(this).val("");
    }
}).bind("blur", function() {
    if ($(this).val() == "") {
        $(this).val($(this).data("defaultValue"));
    }
});