Eliminar el nombre de clase del elemento con javascript

Encontré la siguiente expresión regular de otra pregunta de desbordamiento de pila:Cambie la clase de un elemento con JavaScript

Y lo he usado en parte de mi script con éxito, sin embargo, en otro parece estar fallando.

He preparado un caso de prueba muy minimalista en jsFiddle, y también está fallando:

http: //jsfiddle.net/ew47Y/1

HTML:

<div class="foo" id="foo">
    hello
</div>​

JS:

$(document).ready(function(){
     foo = document.getElementById('foo');
     foo.className += ' bar foobar';
     alert(foo.className);
     foo.className.replace( /(?:^|\s)bar(?!\S)/ , '' )
     alert(foo.className);
})​

Respuestas a la pregunta(8)

Su respuesta a la pregunta