jquery readonly/enabling selects

jqueryReadonlySelects.js

// hidden inputs created have the same name as the disabled select, so the select must have its 'name' attr

function readOnlySelect(sel) {
	if (typeof $(sel).next('input[type=hidden]').attr('name') == 'undefined'
			|| $(sel).next('input[type=hidden]').attr('name') != $(sel).attr(
					'name')) {
		$(sel).after([ '<input type="hidden" name="', $(sel).attr('name'),
						'" value="', $(sel).val(), '" />' ].join(''));
	}
	$(sel).attr('disabled', true);
}

function enableField(field) {
	$(field).nextAll([ 'input[type=hidden][name=', $(field).attr('name'), ']' ].join('')).remove();
	$(field).removeAttr('disabled');
	$(field).removeAttr('readonly');
}