I have three buttons that I'm trying to swap out with each other on .click(): "play", "pause", and "resume". The first button swap works from #play —> #pause, but after that this #pause button does not respond.

<http://jsfiddle.net/YzVJN/>

Any help would be appreciated!

```
$("#start").click(function() {
    $("#start").replaceWith("<button id=\"pause\">Pause</button>");
});

$("#pause").click(function() {
    $("#pause").replaceWith("<button id=\"resume\">Resume</button>");
});

$("#resume").click(function() {
    $("#resume").replaceWith("<button id=\"pause\">Pause</button>");
});​

```