$("..").empty().append("#..") only works on the first click.

$("..").empty().append("#..") only works on the first click.

Hi,
I am writing a jQuery Mobile application.  I have a simple jQuery script which empties a div then append a new content to that div. What happens when the event is initiated (click event), it works the first time.  All subsequent clicks only empties the div but do not append the new content.
Here is the jsFiddle if you wish to take a look:  http://jsfiddle.net/Z7YCx/

Any help/advise is highly appreciated.

Thanks.