(function( $ ){
  $.fn.coolCheckbox = function() {

    this.each(function(){

      var checkbox = $(this);
      checkbox.hide();
      checkbox.wrap('<div class="cool-checkbox">');
      checkbox.parent().append('<div class="cool-checkbox-replaced"></div>');

      if (checkbox.is(':checked'))
      {
        checkbox.parent().find('.cool-checkbox-replaced').addClass('checked');
      }
      else
      {
        checkbox.parent().find('.cool-checkbox-replaced').addClass('unchecked');
      }
    });

    $('.cool-checkbox-replaced').live('click', function(){

      var checkbox = $(this);

      if (checkbox.parent().find('input').is(':checked'))
      {
        checkbox.parent().find('input').removeAttr('checked');
        checkbox.removeClass('checked');
        checkbox.addClass('unchecked');
      }
      else
      {
        checkbox.parent().find('input').attr('checked', 'checked');
        checkbox.removeClass('unchecked');
        checkbox.addClass('checked');
      }
    });
  };
})( jQuery );