Example: Unobtrusive labeling of form inputs with jQuery

The form input values on this page are set to equal the input label's value when the page loads. On focus, an input's value is cleared to make way for user input. If the user does not enter a value and clicks away from the form, the input's value is restored.

If JavaScript is disabled, the forms will look something like this.