.load() breaks form submission
I have a a <div> "popup if you will. By using a table cell onClick event, I am currently executing the .load() method to change the <div> contents to a form that contains a <div> "button" using an onClick submit() method.
The problem is that when I submit the form, my handler page id throwing an error stating that certain form variable are undefined. In other words, the data isn't being passed for SOME of the form values. However, some do get passed.
When I load the raw form in the browser, it works fine.
CODE:
-------------Form .load() code:-------------
<td id="addNew">Add New...
<script>
$("#addNew").on("mouseup", function() {
$("#currentAppts").load("calendar_appNew.cfm?appDate=#todaysDate#");
});
</script>
</td>
----------------------------------------------------
-------------Form .ajaxSubmit() code:-------------
<div id="appSave" onclick="$("#newApp").ajaxSubmit({url: 'calendar_appInsert.cfm', type: 'post'});">Save</div>
----------------------------------------------------