A very simple pretty checkbox plugin

gistfile1.txt

$.widget 'someApp.prettyCheckbox', 
	_create: ->
		if not @element.is ':checkbox'
			return console.error "Expect widget to be called on a checkbox element", this, this.element

		@wrapper = $('<div class=prettyCheckbox-wrapper>')
			.css(position: 'relative', display: 'inline-block')
		@element
			.css(padding: 0, border: 0, opacity: 0, position: 'absolute', left: 0, top: 0)
		@prettyBox = $('<div class=prettyCheckbox>')
						.css('z-index': -10, display: 'inline-block')
		@element.wrap @wrapper
		@element.after @prettyBox

		@element.width(@prettyBox.width()).height @prettyBox.height()

		@element.change => @prettyBox.toggleClass 'prettyCheckbox-checked', @element.prop 'checked'