Hello. I am trying to add new fields to an html form when a user clicks a button and so far it isn't working. I have checked and rechecked the code and it all appears correct but it still isn't working. Any insight would be greatly appreciated.

Here is the Javascript:
Code:
function addInfo() {

	var para=document.createElement("p");

	var input_email=document.createElement("input");
	input_email.setAttribute("type", "text");
	input_email.setAttribute("name", "email1");
	input_email.setAttribute("size", "10");
	para.appendChild(input_email);

	var input_phone=document.createElement("input");
	input_phone.setAttribute("type", "text");
	input_phone.setAttribute("name", "phone1");
	input_phone.setAttribute("size", "10");
	para.appendChild(input_phone);

	var select_service=document.createElement("select");
	select_service.setAttribute("name", "service1");
	
	var option_att=document.createElement("option");
	var option_metropcs=document.createElement("option");
	var option_tmobile=document.createElement("option");
	var option_verizon=document.createElement("option");
	
	option_att.setAttribute("value", "att");
	option_metropcs.setAttribute("value", "metropcs");
	option_tmobile.setAttribute("value", "tmobile");
	option_verizon.setAttribute("value", "verizon");
	
	option_att_text=document.createTextNode("ATT");
	option_metropcs_text=document.createTextNode("Metro PCS");
	option_tmobile_text=document.createTextNode("T Mobile");
	option_verizon_text=document.createTextNode("Verizon");
	
	option_att.appendChild(option_att_text);
	option_metropcs.appendChild(option_metropcs_text);
	option_tmobile.appendChild(option_tmobile_text);
	option_verizon.appendChild(option_verizon_text);
	
	select_service.appendChild(option_att);
	select_service.appendChild(metropcs);
	select_service.appendChild(tmobile);
	select_service.appendChild(verizon);
	para.appendChild(select_service);

	var element=element.getElementById("msg");
	element.appendChild(para);

}
The HTML head:
HTML Code:
 <head>
  <title>Calendar Admin</title>
  <link rel="stylesheet" title="Default" type="text/css" href="style.css" />
  <script type="text/javascript" src="icode.js"></script>
  <script src="e_edit.js" type="text/javascript"></script>
  <script src="add_info.js" type="text/javascript"></script>
 </head>
And the form in question:
HTML Code:
  <div class="paneltwo">
	<form id="msg">
		<p>
			<input type="checkbox" name="sendmessage" value="dont_send" />Don't Send Messages<br />
			Send messages to:
			<select name="sendto">
				<option value="everyone">Everyone</option>
				<option value="staff">Staff Only</option>
			</select><br />
		</p>
		<p>
			<input type="text" name="email" size="10" />
			<input type="text" name="phone" size="10" />
			<select name="service">
				<option value="att">ATT</option>
				<option value="metropcs">Metro PCS</option>
				<option value="tmobile">T Mobile</option>
				<option value="verizon">Verizon</option>
			</select>
		</p>
	</form>
	<input type="button" value="Add" onclick="javascript:addInfo();" />
  </div>
Thank you.