jquery html desaparece al hacer clic en evento
Por favor vea el siguiente 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>
Cuando uso este script, todo lo que hace es flashear "hola mundo", no lo mantiene en la página. ¿Tiene esto algo que ver con el evento click? Estoy tratando de hacer clic en el botón y luego dejar el objeto en la página.