jsp动态生成行，怎么取出输入的数据？

卡住了，弄不清楚了，请教大家。
order.html  <script src="order.js" type="text/javascript"></script> 调用order.jsp
<body>
        <div id="dv">          
                <form id="submitForm">
                <table border="1" align="center" width="500" id="myTable">                  
                    <tr>                 
                        <td width="300">product</td>
                        <td width="300">number</td>
                    </tr>
                </table>
                <input type="button" value="add" onclick="addTable();">
               <input type="button" value="submit" onClick="submit();">
               </form>
        </div>
</body>然后addTable()动态增加行
order.jsp
var num = 0;
function addTable()
{    
     var a = "";   
     a += '<tr id="tr'+num+'">'
         + '<td><input class="addtd" id="beverage'+num+'" type="text" name="beverage"/></td>' 
         + '<td><input class="addtd" id="number'+num+' "type="text" name="number"/></td>'
         + '<td><input type="button" value="save" onClick="save('+num+');">'
         + '</td></tr>';
     
     d.innerHTML = d.innerHTML + a;
     $("myTable").append(a);
     num++; 
｝
然后怎么写save()方法 把输入的值在order.html页面显示，并且把输入的值存起来
function save(number)(){
     var id = "beverage"+number;
    document.getElementById('id');// 为什么取不来表格td 的值呢!
}