Test Case Boilerplate

Fork this way...

HTML

<div class="test-one">This works</div>
<div class="test-two">This doesn't</div>

CSS

.test-one {
    width: 100px;
    height: 100px;
    background-color: #00ff00;
    margin: 10px;
    padding: 5px;
    float:left;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}
.test-two {
    width: 100px;
    height: 100px;
    background-color: #ff0000;
    margin: 10px;
    padding: 5px;
    float:left;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}

JavaScript

$(document).ready(function(){
    $('.test-one').click(function() {
        $(this).toggleClass('test-two');
    });
    $('.test-two').click(function() {
        $(this).toggleClass('test-one');
    });
});