jQueryでクリックするとぶるんってする

HTML

<div id="wrap">
<ul class="list01">
    <li>List 01</li>
    <li>List 02</li>
    <li>List 03</li>
    <li>List 04</li>
    <li>List 05</li>
    <li>List 016</li>
</ul>
</div>

CSS

body{
            background: #f5f5f5;
            font-family: arial;
        }
        #wrap {
            text-align: center;
            margin: 0 auto;
            padding: 20px 0;
        }
        .list01 li {
            margin-bottom: 0.7em;
            cursor: pointer;
            list-style: none;
        }

JavaScript

$('.list01 li').click(function(){
    $(this)
        .animate({'marginLeft':'10px'}, 20)
        .animate({'marginLeft':'-8px'}, 10)
        .animate({'marginLeft':'6px'}, 20)
        .animate({'marginLeft':'-4px'}, 20)
        .animate({'marginLeft':'2px'}, 20)
        .animate({'marginLeft':'-0px'}, 20);
});