Удалить имя класса из элемента с помощью JavaScript

Я нашел следующее регулярное выражение из другого вопроса переполнения стека:Изменить класс элемента с помощью JavaScript

И с успехом использовал его в одной части моего сценария, но в другой он, похоже, потерпел неудачу.

Я собрал очень минималистичный тестовый пример на jsFiddle, и он также не удался:

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

Ответы на вопрос(4)

Ваш ответ на вопрос