title: Javascript function prints .innerHTML but HTML only appears for a moment before vanishing
body: <p>I've got a button that calls a javascript function named "submit()". In that function I simply write document.getElementById('try').innerHTML="it worked"; to test out whether or not my button is passing data to the function or not. </p>
  
  <p>The problem is "it worked" gets printed for about a half second before disappearing. </p>
  
  <p>I made an entire form that printed processed data to the webpage perfectly using the same html page. The only difference is that I changed the structure of my form and moved my functions to a .js file. </p>
  
  <p>Although now, even if I comment out the submit() function in the .js file and paste the function within the core html file the same thing happens. I can paste is above or below the form and the same thing results. </p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div class="formsection"&gt;
              &lt;button type="Submit" onclick="Submit()"&gt;Submit&lt;/button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  &lt;div id="output"&gt;
  &lt;p&gt; Try this: &lt;span id="try"&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my javascript function:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function Submit(){
  document.getElementById("try").innerHTML="It worked";   
  }
  &lt;/script&gt;
  </code></pre>