<!doctype html>
    <html>
    <head>
        <title>test table click</title>
            <script type="text/javascript" src="jquery-1.7.1.js"></script>
            <style type="text/css">
                    .clickable{
                            cursor: pointer;
                    }
            </style>
            <script type="text/javascript">
                    $(document).ready(function(){
                            $(".clickable").live("click", function(){
                                    console.log($("#nama_"+this.id).html());
                                    console.log($("#alamat_"+this.id).html());
                                    $("input[name=nama]").val($("#a"+this.id).html());
                                    $("input[name=alamat]").val($("#b"+this.id).html());
                            });

                    });
            </script>
    </head>
    <body>
            <form action="">
                    <label for="nama">Nama : </label><input type="text" name="nama"  />
                    <label for="alamat">Alamat : </label><input type="text" name="alamat"  /><br />
                    <input type="submit" name="submit" value="submit" />
            </form><br /><br />

        <table border="1">
                    <tr>
                            <th>Nama</th>
                            <th>Alamat</th>
                    </tr>
                    <!-- ini id nya di ketik manual hanya sebagai contoh -->
                    <!-- id ini bisa diset dari mysql ketika menggenerate table nya -->
                    <tr id="1" class="clickable">
                            <td id="a1">Agus s</td>
                            <td id="b1">Jln Mekar Sari</td>
                    </tr>
                    <tr id="2" class="clickable">
                            <td id="nama_2">Agasi</td>
                            <td id="alamat_2">Jln Merak 53</td>
                    </tr>
            </table>
    </body>
    </html>