I have a html form that is submitted with a submit button

	your name: <input type="text" name="name" id="name" class="input" /><br /><br />
	your address: <input type="text" name="address" id="address" class="input" /><br /><br />
    what do you want?: <input type="text" name="want" id="want" class="input" /><br />
    <input type="submit" value="Submit" id="sub_btn" />

<div id="output"> </div>
after the form there's a div with id of output.

the form data is processed by the following javascript code:

function initialize() {
var enter =	document.getElementById("sub_btn");
enter.addEventListener("click", processForm, false);
function processForm() {
var string1 = document.getElementById('name').value;

var string2 = document.getElementById('address').value;

var string3 = document.getElementById('want').value;

function processElement(string) {
var words = string.split(' ').length;
var characters = string.split(/[A-Za-z0-9_.!?\-]/g).length - 1;
document.getElementById('output').innerHTML = 'WTF';
//alert("There are "+characters+ " characters in the string");
//alert("There are "+words+ " words in the string");
if I display the output using the alert methods(now commented out) they work fine. I was hoping to display my messages in the div with id of output.
When that didn't work I tried to see if I could send anything to the div.
When I click the submit button the message "WTF" appears for at most half a second. I'm hoping to get it to stick around. I'm sure it has something to do with how form submission works. Maybe I need to submit to the same page? can I do that with JS?