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

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

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

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

http://jsfiddle.net/ew47Y/1/

HTML:

    hello
​

JS:

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