テーブルを動的に取り込む方法

Question

私のページにはリストとテーブルがあります。 ex。

<ul> 
    <li>Coffee</li> 
    <li>Milk</li> 
    <li>Tea</li> 
    <li>Juice</li> 
</ul> 

    <form method="post"> 
    <table id="drinks"> 
    </table> 
    <input type="submit" value="submit"> 
    </form> 

ユーザーがリストの要素を（イベントをクリックします）を選択したときに、これらを同じページに、私は何をしたいが、その要素はpage.Laterをリフレッシュすることなく、次の表に含まれるべきでされています私は使用/ itertate thorughテーブルアイテム（それはフォームの使用です）、私はこれについての良い理解を持っていないWeb開発に新しいので、私はしたい。誰もがあなたがjQueryのを使用しますと仮定おかげ

Answer 1

、これで私を助けることができます：

$('ul>li').click(function(){ 
    $('form').find('table').append('<tr><td>'+this.innerHTML+'</td></tr>'); 
});