select checkboxes to style: $(':checkbox').styleCheckboxes();

jquery.styleCheckboxes

// select checkboxes to style: $(':checkbox').styleCheckboxes();
$.fn.styleCheckboxes = function() {
    $(this).each(function(index) {
        if (!$(this).prev("a").hasClass('check-styled')) {
            $(this).before("<a href='#check_" + index + "' class='check-styled' id='check_" + index + "'></a>").css({
                position: 'absolute',
                left: -1,
                top: 3,
                zIndex: -1,
                visibility: "hidden"
            });
            if ($(this).prop('checked'))
                $(this).prev().addClass('checked');
            $(this).change(function() {
                if ($(this).prop('checked')) {
                    $(this).prev().addClass('checked');
                } else {
                    $(this).prev().removeClass('checked');
                }
            });
        }
    });
    // function to 'check' the styled ones and their matching checkboxes
    $(".check-styled").on('click', function() {
        $(this).next("input[type=checkbox]").trigger("click").trigger('change');
        return false;
    });
};