Page refreshes immediately after draw (x3Dom)
<p>I would like the "Add Cone" button to draw a cone, but it seems the code below refreshes the browser immediately after the cone is drawn. What I would like would be for the page to stay on the cone page after each button click, without the refresh. Any help would be much appreciated. </p>

<pre><code>    &lt;script&gt;
      function addCone() {
        var scene = document.getElementsByTagName("scene")[0];

        var cone = document.createElement("cone");
        var shape = document.createElement("shape");
        var appearance = document.createElement("appearance");
        var material = document.createElement("material");

        appearance.appendChild(material);
        shape.appendChild(appearance);
        shape.appendChild(cone);
        scene.appendChild(shape);
        return true;
      }
    &lt;/script&gt;


    &lt;div id="content"&gt;
      &lt;form&gt;
        &lt;button onclick="addCone()"&gt;Add Cone&lt;/button&gt;
      &lt;/form&gt;
    &lt;/div&gt;
</code></pre>
