I need help with building page where information is entered on a form at the top of the page and then added to a grid below the form when the user clicks the "Add" button. The form will have drop-down boxes so the colums in the grid representing the selection should show the text of the drop-down and not the index/id. Once all data has been entered (multiple rows in other words) the data is submitted to the server for processing.

Ideally all editing and validation of data should happen on the client, i.e. with JavaScript/jQuery and submitted all at once to the server. 

Second price would be AJAX calls to the server to add/edit/remove line items on the relevant button clicks/grid selections. I would also then need a way to maintain the data on the server for the particular session.

I am using ASP.NET MVC 1.0. and am a noob with JavaScript/jQuery. I have used the Telerik MVC grid in other sections of the site so it would be cool it I can stick with it - but not essential :-)

Thank you very much!