adding new fields and updating hidden fields
<p>High school students can add grade GPAs for each grade that they completed.<br />
But students need to re-submit the form, if they want to add multiple grade years. <br />
I want to allow them to add new fields inside the same form with a jQuery script. <br /> 
I found some online but they dont address to my needs; I must add numbers to the end of field names, for example <code>classYEAR1</code>, <code>classYEAR2</code>, <code>gpa1</code>, <code>gpa2</code> everytime a user adds a box. And total # of entries should added into the <code>totalGRADES</code> field. Otherwise my back end codes dont work...<br />
I wonder if I managed to explain it correctly, I have been trying to make it work since this morning....</p>

<p>Look forward for your help.</p>

<pre><code>                &lt;form action="?Process=UpdateGrades" method="post" class="frm grades-form"&gt;
                    &lt;fieldset&gt;   
                        &lt;p&gt;
                            &lt;label&gt;class year&lt;/label&gt;
                            &lt;select name="classYEAR"&gt;
                                &lt;option value="12"&gt;12th grade&lt;/option&gt;
                                &lt;option value="11"&gt;11th grade&lt;/option&gt;
                                &lt;option value="10"&gt;10th grade&lt;/option&gt;
                                &lt;option value="9"&gt;9th grade&lt;/option&gt;
                            &lt;/select&gt;                                    
                        &lt;/p&gt;                                                                        
                        &lt;p&gt;
                            &lt;label&gt;GPA&lt;/label&gt;
                            &lt;input type="text" name="gpa" size="55" value="" /&gt;
                        &lt;/p&gt;  
                        &lt;p&gt;
                            &lt;input type="hidden" name="totalGRADES" value="1"&gt;   
                            &lt;input type="hidden" name="x" value="p"&gt;   
                            &lt;input type="submit" name="submıt" value="gönder" class="btn submit"&gt;
                        &lt;/p&gt;
                    &lt;/fieldset&gt;
                &lt;/form&gt;    
</code></pre>
