jQuery datepicker input value

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<form id="suka" name="suka" action="#" method="POST">
    <input id="date" name="date"/><br />
    <input id="nama" name="nama"/><br />
    <input type="submit" name="submit" value="Get Date" />
</form>

JavaScript

$( "#date" ).datepicker({
   
});

$('#suka').click(function(){
    //get date from input field
    /* var selectedDate = $('#datepicker').val();
    if(selectedDate !== ''){
        alert('The date in the input box is: ' + selectedDate);
    } */
     $('#date').change(function() {
    $('#nama').val($(this).val());
});
    return false;
});