JQuery-UI: странный эффект встряхивания

У меня возникла странная проблема с эффектом jake-UI shake. Я хочу изменить расстояние, но теперь он делает вещи weid: Когда расстояние 16;

http://jsfiddle.net/9My7t/

Когда я устанавливаю дистанцию по умолчанию (20), это тоже делает то же самое.

Код:

$( "#registerButton" ).click(function() {
    $( "#register" ).find( "input" ).each(function() {
        if($( this ).val().trim() == "") {
            $( this ).effect( "shake", "left", 16);
        }
    })
});

HTML:

<div id="message">
    <div id="register">
        <input type="text" id="username" placeholder="Gebruikersnaam" />
        <input type="password" id="password" placeholder="**********" />
        <input type="password" id="password" placeholder="**********" />
        <input type="email" id="username" placeholder="Emailadres" />
        <button id="registerButton">Registreer</button>
        <p>Ik ga akkoord met <br /> de <a href="#">algemene voorwaarden</a></p><input type="checkbox" id="remeberme" />
    </div>
</div>

Когда вы удалите 16:

( this ).effect( "shake", "left");

Теперь он работает отлично.

Почему эффект встряски делает странным, когда я добавляю расстояние?