Divs Classes tauschen

Hallo liebes Forum, ich habe ein Frage, bei der ihr mir hoffentlich helfen könnt.

Wie kann ich bewerkstelligen, dass die beiden Divs in der Liste ihre Classes tauschen, wenn sie geklickt werden?

Das habe ich schon geschrieben, aber es geht nicht ganz:

<div class="list">
<div class="red"></div>
<div class="green"></div>
</div>

<script type="text/javascript">
$(function(){
$('div').on('click', function(){
var thisClasses = $(this).attr('class');
$('div').attr('class', thisClasses);
});
});
</script>

Die Klassen übertragen sich wohl auf alle Divs. Das müsste irgendwie beschränkt werden. Kann da jemand helfen?