[SOLUCIONADO] Porqué me desaparece el elemento?

[sergi_multimedia]

Hola a tod@s, veréis, quiero añadir cierto código almacenado en un string que al apretar en un botón añadirlo vía appendTo(). Os muestro el código:

Código HTML:

<ol class="container"></ol>
 

Código Javascript:

$(function(){
 $( '#form' ).on('submit', function(){
  $("<li class='llista'>Item3<ol><li>SubItem1</li><li>SubItem2</li><li>SubItem3</li></ol></li>").appendTo(".container");
 });
});
 

Cuando hago click me aparece el elemento en el HTML pero me vuelve a desaparecer al cabo nada, milésimas de segundo. Según veo en la documentación de jQuery no lo estoy haciendo bien (seguro que no, algo estoy haciendo mal).

Alguna sugerencia?

[bathorz]

Agrega una línea:

Código Javascript:

$('#form1').on('submit', function(e) {
   e.preventDefault(); // agregar
   //....
 

[sergi_multimedia]

Iniciado por bathorz

Agrega una línea:

Código Javascript:

$('#form1').on('submit', function(e) {
   e.preventDefault(); // agregar
   //....
 

Toda la razón del mundo...Gracias!