Form fields not coming through from Dialog

Form fields not coming through from Dialog


I have a dialog that is embedded in my <form> as a <div>. The user
pops up the form and can enter a date and choose an option from a
dropdown. When they hit continue on the popup, it submits. But after
submitting the form, none of the fields in this div are available on
the Request.
I have confirmed that when I disable any jQuery calls and just let the
<div> be visible on the form that the data is then available in the
Request after submit. What is the dialog code doing to destroy the
data on these forms and what do I need to do to prevent this?
Relevant code is below:
$(document).ready(function(){
$("a[href^=javascript]").click(function() {
var link = $(this), offset = link.offset();
$("#fscbox").dialog({
position: [offset.left, offset.top + link.height()]
});
});
$("#fscbox").hide();
});
function showPopup() {
$("#fscbox").show();
$("#fscbox").dialog("open");
}
function empEvent() {
document.forms[0].submit();
}
....
<form name="greetingsform" action="/nextgen/event/createevent"
method="post">
<input id="emp_event" type="hidden" name="emp_event" value=""/>
<div id="fscbox" class="popup">
<table border='0' >
.....
<tr>
<td >
     <select name="fscEvent" id="fscEvent"
onchange="javascript:updateEvent(this);">
     <option value=17>Dependent Loses Other Coverage</
option>
<option value=14>Divorce/Annulment</option>
...
</select>
....
</td>
</tr>
....
<tr>
<td align='center' class='popuptxt'>
<a href="javascript:empEvent();">Continue</a>
</td>
</tr>
</table>
</form>