Insert same html into element multiple times with jQuery

[James06]

I want the user to click on a button and then have some html pop into an element. I did so and it works but it only works once. If they click the button again, nothing happens. I thought using empty() would fix the problem but it doesn't. What's wrong with my code.\[code\]<script type="text/javascript" >$(document).ready( function() { $('#button').on('click', function () { $('#ul').html('<li>testing testing</li>').hide(1000, function() { $(this).empty(); }); });});</script><input type="button" value="http://stackoverflow.com/questions/12751851/click me" id="button" /><ul id="ul"></ul>\[/code\]