no-bubble checkbox for jQuery 1.3

by Wray Bowling

HTML

<input type="checkbox" id="womp">
<label for="womp">WOMP</label>

CSS

.selected{
    background-color:orange;
}

input{ display:none; }
label{ cursor:pointer; }

JavaScript

$('input').change(function(){
    if( $(this).is(':checked') ){
        $(this).next().addClass('selected');
    }else{
        $(this).next().removeClass('selected');
    }
    
    return false;
});