jquery html desaparece no evento click
Por favor, veja o seguinte código:
<body>
<form id="form1" runat="server">
<div>
<button id="helloButton">
Search</button>
<div id="hello">
</div>
<script type="text/javascript">
$(document).ready(
function () {
$('#helloButton').click(function () {
$('#hello').html('<div>hello world</div>');
});
});
</script>
</div>
</form>
Quando eu uso esse script, tudo o que ele faz é o flash "olá mundo", não o mantém na página. Isso tem algo a ver com o evento click? Estou tentando clicar no botão e deixar o objeto na página.