details on the popup box to be saved on the parent page

See more:

C#

Javascript

C#4.0

MVC

Razor

Hi friends

I'm new to Mvc 3 Razor engine, i have a question. If i have to 4 text boxes having 2 textboxes for firstname and 2 textboxes for second name.
FirstName: @Model.reser_fname
LastName: @Model.reser_lname

(modifyname)
FirstName: @Model.reser_fname 
LastName: @Model.reser_lname
(modifyname)
// script for popup box when the modify link is clicked
<script type="text/javascript">
$(document).ready(function () {
$('#modify').click(function () {
$("#dialog:ui-dialog").dialog("destroy");
$("#dialog-box").dialog({
buttons: {
"save": function () {
},
Cancel: function () {
$(this).dialog("close");
}}
});
});
});
</script>
// div inside the popup box
<div id-="dialog-box">

Edit Details
FirstName : <input type="text" id="reser_fname" />
LastName : <input type="text" id="reser_lname" />
this is on a confirmation page, where as per razor code i have the first name and last name, now if i want to edit the first and last name,i click modify and i get a popup box, which has firstname and lastname. I enter i the details and click save button inside the popup. So the details on the confirmation page should change. how is that i can write a code for that save button where it changes the details on my confirmation page.

can anyone help..