Get the values from dynamically created text boxes and save it into database

<table>


                   <tr>

                       <td>
                                <label class="lbl_sm" style="font-size: 0.75em" for="adults">Adults</label>
                       </td>

                       <td>

                             <a href="#" onclick="doIt(-1); return false;">-</a>
       <input type="text" value="2" id="txtBox" class="text-box"  />
    <a href="#" onclick="doIt(1); return false;">+</a>

                       </td>
                       <td>
                           <label class="lbl_sm" style="font-size: .75em;" for="children">Children</label>
                       </td>

                       <td>

<a href="#" onclick="doItChild(-1); return false;">-</a>
       <input type="text" value="0" id="txtChld"  class="text-box" />
    <a href="#" onclick="doItChild(1); return false;">+</a>
                       </td>
                   </tr>
                   <tr>
                       <td  colspan="4"> <span style="font:normal 12px agency, arial; color:blue; text-decoration:underline; cursor:pointer;" onclick="addMoreRows(this.form);"> Add Room </span>
                      </td>
                          <%-- <td>
                       </td>
                       <td>
                       </td>
                       <td>
                       </td>
                       <td>
                       </td>--%>
                   </tr>
                   <tr>
                        <td>
                       </td>
                       <td>
                       </td>
                   </tr>
               </table>
           </div>
                </asp:Panel>
         <div id="addedRows"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
   <script type="text/javascript"> var rowCount = 1; function addMoreRows(frm) { rowCount++; var recRow = '<p id="rowCount' + rowCount + '"><tr> <td style="font-size:14px;" >Adult</td> </tr> <tr><td>  <a href="#" onclick="doIt(-1); return false;">-</a> <input type="text" value="2" id="txtBox' + rowCount + '" class="text-box"  /> <a href="#" onclick="doIt(1); return false;">+</a></td> <tr> <td style="font-size:14px;" >Child</td> </tr><td><a href="#" onclick="doIt(-1); return false;">-</a>  <input type="text" value="0" id="txtChld' + rowCount + '" class="text-box"  /><a href="#" onclick="doIt(1); return false;">+</a></td></tr> <a href="javascript:void(0);" onclick="removeRow(' + rowCount + ');">Remove</a></p>'; jQuery('#addedRows').append(recRow); } function removeRow(removeNum) { jQuery('#rowCount' + removeNum).remove(); } </script>