Hello. I am new to javascript and I am stuck. Basically, what I have to do is create a form and when the user hits the submit button everything the user typed in the form will be displayed in another div. I have the coding right, however it displays all in one line instead of being structured like the form. Is there anyway I can have the results displayed like...


Here is what I have so far....PLEASE HELP! ! !

<script type="text/javascript">
function test(){

var name = document.getElementById('name').value;
var num = document.getElementById('num').value;
var email = document.getElementById('email').value;
var com = document.getElementById('com').value;

document.getElementById('out').innerHTML = name + " " + num + " " + email + " " + com;
document.getElementById('out').style.display = "block";

return false;


<form action="" onsubmit="return test()">
<input type="text" id="name" name="name" /><br />
<input id="num" type="text" name="num" /> <br />
<input id="email" type="text" name="email" /><br />
<label><br />
<textarea name="comments" id="com" cols="30" rows="5"></textarea>

<p><input type="submit" value="Go" /></p>

<div id="out" style="background-color:#FCC">