Remove classname do elemento com javascript

Encontrei o seguinte regex de outra pergunta do Stack Overflow:Altere a classe de um elemento com JavaScript

E o usei em parte do meu script com sucesso, mas em outro parece estar falhand

Juntei um caso de teste muito minimalista no jsFiddle e também está falhando:

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);
})​

questionAnswers(8)

yourAnswerToTheQuestion