Labelize: a jQuery Label Maker

Labelize is a jQuery plugin that gives arbitrary container elements label-like properties. It's ideal for giving hard-to-click input elements (like radio buttons and checkboxes) generous target areas.

Simple Example

Click anywhere on the green box.

Some Preference

Source

$('div.chkbox-label').labelize();

Hover Example

Hover over the radio buttons - and click.

Option 1
Option 2
Option 3

Source

$('li.radio-label').labelize('radio-label-hover');

Table Example

Labelize also works with table row elements.

	Name	Age
	Joe Schmoe	35
	Jane Doe	28

Source

$('tr.tr-label').labelize('tr-label-hover');

Features

Cross-browser compatible (tested with Firefox 2.x, IE6, Safari)
Preserves onclick() events for input elements.

Source Code

Labelize is hosted on GitHub: http://github.com/bentlegen/labelize/tree/master

You can also download Labelize from the jQuery Plugin site.

License

Labelize is distributed under the MIT License.