[POMAH-UST]

Всем привет, решил изобрести велосипед и поэксперементировать на стилизацией checkbox-ов, но столкнулся с такой проблемой в невозможности получить состояния checkbox активный/не активный. Всё вроде нормально сам элемент получает аттрибут checked но при проверке элемента никаких изменений нет, натолкните на правильный путь вот код HTML:

<input type="checkbox" name="check1" value="1" id="check1"> Без аттрибута LABEL<br>

вот код jQuery:

$(function() {
	var myCheckbox = $(':checkbox');

	myCheckbox.css({'display':'none'});

	myCheckbox.wrap('<span class="checkbox"></span>');

	myCheckbox.each(function() {
		if($(this).is(':checked')) $(this).parent().addClass('checked');
	});

	var myImgCheckbox = $('.checkbox');

	myImgCheckbox.click(function() {
		if($(this).children().is(':checked')) $(this).children().attr('checked', false).parent().removeClass('checked');
		else $(this).children().attr('checked', true).parent().addClass('checked');
	});

	$('#check1').change(function() {
		if($(this).is(':checked')) alert('Активный');
		else alert('Не активный');
	});
});