jQuery tristate checkbox plugin

cbtristate.js

$.fn.cbtristate = function(settings) {
	
	var config = {
	 	yes: { img: "img/ico/check-yes.png", val: "1" },
		no: { img: "img/ico/check-no.png", val: "0" },
		empty: { img: "img/ico/check-empty.png", val: "" }
	};
	
	
	if (settings) $.extend(config, settings);
	
	
	$(this).delegate("span,img", "click", function(e){
		// Get parent label
		var parent = $($(this).closest("label.tristate"));
		// Get the ID attribute from the parent
		var id = parent.data("id");
		// Image to change = this
		var destimg = $(parent.find("span img")[0]);
		// Get form element to update
		var destformel = $(parent.find("input[type=hidden]")[0]);
		// Get current state from form element
		var state = destformel.val();
		// Switch state
		if (state == config.yes.val){
			next = 'no';
		} else if (state == config.no.val){
			next = 'empty';
		} else {
			next = 'yes';
		}
		// Update image + form element
		destimg.attr("src", config[next].img);
		destformel.val(config[next].val);
		return false;
	});
	
	
	this.each(function() {
		
		// Retrieve id from the data attribute.
		// Eventually becomes input name
		var id = $(this).data("id");
		
		// Make a container for image + form element
		var container = $("<span>");
		
		// Make image for checkbox and append to container
		var img = $("<img>");
		img.attr("src", config.empty.img);
		img.appendTo(container);
		
		// Make a hidden form element and append to container
		var formel = $("<input>", {
			type: "hidden",
			name: id,
			value: config.empty.val
		}).appendTo(container);
		
		// prepend the generated checkbox+form element container to the main parent label element
		container.prependTo(this);
	
	});		// this.each
	
	
	return this;
	
	
}		// end cbtristate

HTML:

<label class="tristate" data-id="permissions[dashboard]">
    <span>Dashboard</span>
</label>

Javascript:

$("label.tristate").cbtristate();