I specify IE in the title because my code works as intended on Chrome. Essentially I have one view called "Maintenance" that is used for creating, editing, and deleting. The form itself is contained in a partial view (coincidentally called "_MaintenanceForm") which has it's own GET/POST methods to submit the form. Here is the form. Sorry I had to use Pastebin instead of inline code blocks--they were making me go over the character limit.
Note that the form has id
#maintenanceForm. Instead of using an AJAX call to submit this form I just use the jQuery function
I know that the
.submitForm click function is defined twice which is redundant code but I originally had it as a separate function which was causing problems so I defined it anonymously inline instead. I can focus on cleaning up my code once I get it working in IE.
My Maintenance view is really simple, it's just a
<div class="maintenance-form"></div> that the MaintenanceForm partial is rendered in using the first AJAX call. Here are my controller methods. Essentially the problem I'm running into is that in Chrome, after the MaintenanceForm POST method, the Maintenance GET method is called which re-renders the view. When the view is re-rendered, the MaintenanceForm GET and SearchTable2 methods are called again through the AJAX call. In IE, the Maintenance GET method is called but the AJAX calls are not resubmitted so the form does not refresh. As a result I need to manually refresh the pages to see the changes made.
As I said, this works exactly as I want it to in Chrome but not IE, so I know it must be some sort of IE compatibility issue, but I can't figure it out for the life of me. Thanks in advance for any help and let me know if providing more code would help!