Why does my jQuery queue stop working after executing once?

Why does my jQuery queue stop working after executing once?

HTML

<!doctype html>
<html>
    
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js "></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>      
        
    </head>
    
    <body>
        <div id="dominoes">
            <div class="nav">
                <ul>
                    <li class="domino0 was0"><a href="xxx"><img src="http://dl.dropbox.com/u/27409695/images/domino.png"/></a></li>
                    <li class="domino1 was1"><a href="xxx"><img src="http://dl.dropbox.com/u/27409695/images/domino.png"/></a></li>
                    <li class="domino2 was2"><a href="xxx"><img src="http://dl.dropbox.com/u/27409695/images/domino.png"/></a></li>
                    <li class="domino3 was3"><a href="xxx"><img src="http://dl.dropbox.com/u/27409695/images/domino.png"/></a></li>
                    <li class="domino4 was4"><a href="xxx"><img src="http://dl.dropbox.com/u/27409695/images/domino.png"/></a></li>
                </ul>
            </div>
            
           <button id="btnReset">Reset handlers</button>
            
        </div>
        
        
        
    </body>
    
</html>

CSS

body {
    padding: 10px;
}

#dominoes {
    padding: 0px;
    width: 620px;
    position: relative;
    background-color: #eee;
}

#dominoes .nav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#dominoes .nav ul li {
    display: block;
    position: absolute;
    width: 113px;
    top: 0px;
}

.domino0 { left: 0px;   z-index: 1000; }
.domino1 { left: 30px;  z-index: 98; }
.domino2 { left: 60px;  z-index: 96; }
.domino3 { left: 90px;  z-index: 94; }
.domino4 { left: 120px; z-index: 92; }

.was0 { background-color: red; }
.was1 { background-color: purple; }
.was2 { background-color: blue; }
.was3 { background-color: green; }
.was4 { background-color: yellow; }


#dominoes .nav ul li.hovered { 
    padding-left: 50px;
}


#dominoes .nav ul li.selected { 
    left: 506px;
    z-index: 1000;
}

.story {
    position: absolute;
    top: 250px;
}

button { 
    position: absolute;
    top: 300px;
}

JavaScript

$(document).ready(function () {
            var dominoesHtml = $('.nav').clone().html();

            $('.story div').hide();

            $('.domino0 a').live('click', function (event) {
                var obj = $(this).parent();

                $('#dominoes .nav ul li').removeClass('selected', 500);
                obj.switchClass('domino0', 'selected', 250);
                $('.domino1').switchClass('domino1', 'domino0', 10);
                $('.domino2').switchClass('domino2', 'domino1', 10);
                $('.domino3').switchClass('domino3', 'domino2', 10);
                $('.domino4').switchClass('domino4', 'domino3', 10);
                obj.addClass('domino4');
                obj.removeClass('selected', 250);

                event.preventDefault();
            });

            $('button#btnReset').click(function () {
                $('.nav').html(dominoesHtml);
            });
        });