Imprimir resultado debajo de formulario javascript

[elanorsim]

Tengo una pregunta. Necesito hacer la suma de dos numeros que se ingresan por textbox y hay un boton que al hacer clic suma los nuimero y el resultado debe mostrarse debajo del formulario. Yo lo hice asi:

<form action="sumnum.html" name="form1" method="post">
Numero:<br>
<input type="text" name="num1" /><br>
Numero:<br>
<input type="text" name="num2" /><br>
<input type="button" name="suma" value="Sumar" onClick="sumN()" />
</form>

<script type="text/javascript">
function sumN(){
var num1= document.form1.num1.value;
var num2= document.form1.num2.value;
var respuesta = parseInt(num1) + parseInt(num2);
document.write('La suma de ', n1, ' con ', n2, ' es ', respuesta);
}
</script>

La respuesta a imprimir tiene que ser 'La suma de ', n1, ' con ', n2, ' es ', respuesta porque asi nos pidio el profesor :(

El problema es que cuando le doy al boton, la pagina se carga y muestra el resultado, pero se borra el formulario (los text y el boton) y lo que yo necesito es que la respuesta se imprima debajo del formulario. Me pueden ayudar.