How to get form input inside ModalBox with Jquery

Question

I am developing my website using jQuery. For the Private Messaging feature, what I had right now is showing a ModalBox(dialog box). So, whenever user wanna check message, they will be displayed with a dialog box with the inbox shown. Now, inside that ModalBox, I have a "Compose" section where users can send message. My question is, when user submits the form, how we could retrieve those inputs without having to actually submit it? Because, I have tried it..., that when I do the "submit()", it closed the ModalBox.

Any help would be appreciated.

Answer 1

Use Ajax to make the request.

Answer 2

Since you're using jQuery, see here

In case you're not familiar with AJAX, basically it allows you to send a request to the server (in this case, your submitted data), process the data on the server, and then receive any return back from your request, all without reloading the entire page.

This should alleviate the issue of the modal box closing (the page reloading upon submit, really.)

[edit]

See this article from here at StackOverflow on using the live event handler. This should take care of the issue of not getting the value from newly created DOM elements.

[/edit]