javascript - How to implement a client registration form providing additional dynamically-generated fields using jQuery and Asp.Net MVC 3? -

i want create registration form sport competition using asp.net mvc 3 (razor view engine).

each school can have 1 team consisting of @ 20 members plus 1 team leader.

the team leader has register members filling in registration form provide.

rather displaying 20 sets of member fields, idea if can provide button add 1 more member render additional set of member fields. mechanism behaves add file when want attach 1 more file in yahoo mail.

shortly speaking, have no idea:

1. is there mature implementation of jquery available implement form providing additional dynamically-generated form fields?
2. how implement scenario in asp.net mvc 3? how manage unknown number of posted form fields?

edit

each member has 4 fields:

1. firstname (string)
2. lastname (string)
3. birthdate (datetime)
4. photograph (image file)

use form collection in controller if don't know names:

public actionresult(formcollection formfields) {         return view(); } 

or if have bunch of team member input textboxes give them same name , have array or list parameter:

public actionresult(string[] teammembers) {         return view(); } 

further still can objects:

<input type="textbox" name="teammember[0].firstname" /> <input type="textbox" name="teammember[0].lastname" /> <input type="textbox" name="teammember[1].firstname" /> <input type="textbox" name="teammember[1].lastname" /> 

and in controller

public actionresult(list<teammember> teammemberlist) {         return view(); }