Cargar pagina html en div con jquery no me funciona

este es el código...y lo estoy probando con el editor de pagina Hapedit y funciona perfectamente.... Carga la pagina pruebas.html ... Pero salgo del editor y abro la pagina ..y nada ..no carga... Lo único diferente que veo es que en el editor no me sale el mensaje de explorer ... "internet explorer ..controles activex...etc" pero yo tomo la opción de permitir los controles ActiveX..y nada...

<html>
<head>
<title>jQuery Load</title>
<!-- Librería jQuery -->
<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<!-- Acción sobre el botó con id=botón y actualizamos el div con id=capa -->
<script type="text/javascript">
$(document).ready(function()
{
$("#botón").click(function(event) {
$("#capa").load('pruebas.html #contenido');
});
});
</script>
</head>
<body>
<div id="capa">Pulsa 'Actualizar capa' y este texto se actualizará
</div>
<br>
<input name="botón" id="botón" type="button" value="Actualizar capa" />
</body>
</html>

Añade tu respuesta

Haz clic para o