Cambiar entre dos clases diferentes jQuery

Tener problemas para que funcione el siguiente código:

$('#changeMode').button().click(function(){
    $('#playfield').toggle(function() {
        $(this).switchClass("gridView","plainView");
    }, function() {
        $(this).switchClass("plainView","gridView");
   });      
});

No puedo hacer que cambie la siguiente clase de div.

<div id="playfield" class="gridView"></div>

¿Algunas ideas

EDIT: probé esto:

$('#changeMode').button().click(function(){
    if ($('#playfield').attr('class') == "gridView"){
        $('#playfield').removeClass("gridView");
        $('#playfield').addClass("plainView");
    } else {
        $('#playfield').removeClass("plainView");
        $('#playfield').addClass("gridView");
    }
});

Y parece funcionar bien, ¿qué diablos?

Respuestas a la pregunta(4)

Su respuesta a la pregunta