[jQuery] jqueery function to select

[jQuery] jqueery function to select


<table width="90%">
    <tr ><td width="50%" class="table2" align="right">Please select your
name</td>
    <td width="50%" class="table1" align="left"><select name="id"><option
value="">Mr <option value="">Mrs     </select></td>
<!--<td id="tabledat"
class="table1">-->
</tr>
                <tr id="dest"><td width="50%" class="table2"
align="right">Service</td>
            <td width="50%" class="table1" align="left"><select name="target">
                <option value="ab">pro
                <option value="ae">vitamin
                <option value="trD">exercise
                <option value="de">display
            </select></td></tr>
        <tr><td colspan=2 align="center">
<input type=Submit
class="formbutton" style="cursor:pointer" Value=" Submit "></td></tr>
    </table>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
$.post('test.php', {'action': 'nameList'}, function(HTML) {
    $("#tabledat").html(HTML);
    $("select#target").html(this);
    //$("#dest").show();
});
</script>
<script type="text/javascript">$("#submitbutton").focus();</script>
what i want to know is when i post this test page i want to see my
name list and targets. this 2 fields are in drop down box nad i would
be able to select
name and target and click submit
is this my jquery function right? please help me.