jQuery.labelit demo

More information, documentation and download on the project's page : http://pioul.fr/jquery-labelit/

HTML

<script src="http://pioul.fr/ext/jquery_labelit/jquery.labelit.min.js"></script>
<div>
    <label for="firstname">Firstname</label>
    <input id="firstname" type="text"/>
</div>

<div>
    <label>Lastname<input type="text"/></label>
</div>

<div>
    <label for="description">Description</label>
    <textarea id="description"></textarea>
</div>

<div>
    <label>Other Description<textarea></textarea></label>
</div>

CSS

div {
    padding: 10px;
}

input, textarea {
    margin-left: 10px;
}

JavaScript

$.labelit();