Add form components with values in new row

obynono

hi,
i have a select component with id drpGrades, and an input text with id, txtScore. these are above a datatable, and i want when u click a button say add, i want a new row to be added to the datatable with each column containing an input text, whose value is the value selected from drpGrades and txtScore, so that when i submit the form, it can serialize it, since datatable only serializes form components in it.

based on the example here http://www.datatables.net/examples/api/add_row.html i want to do something like

function fnClickAddRow() {
oTable.fnAddData( [
,
,
] );
}

please, i am using jquery, but m new to it, i cant seem to get it to work.

thanks in advance