javascript - JQuery - Jquery で変更されたテキスト領域に追加

Question

div または入力ボックスの値をテキスト領域に追加しようとしています。これで問題はありませんが、テキスト領域の内容を最初に Jquery アクションでクリアすると、追加機能を使用できなくなります。

例えば

<script type="text/javascript">
$(document).ready(function() {
   $("#Column1").click(function () {
        $("#sql").append($("#Column1").val())
   })

    $("#Column2").click(function () {
        $("#sql").append($("#Column2").html())
   })

  $("#reset_sql").click(function () {
        $("#sql").val('SELECT ')
   })
</script>


<div> <input type="checkbox" name="column1" id="column1" value="`Column1`"> column1 </div>
<div id="Column2"> Column2 </div>

<textarea rows="10" cols="80" name="sql" id="sql"><? echo $sql ;?></textarea>
<input type="submit" value="submit" />
<input type="button" value="reset sql" id="reset_sql" />

上記の入力行と div 行は単なる一般的な例ですが、私がやろうとしていることと正確に関連しています。

javascriptでテキスト領域をクリアすると、追加が機能しないことを理解していません。Firefox エラー コンソールに JS エラーが表示されません。

ありがとうございました