jQuery replacing a <select> in my form, not submitting new data
<p>So ill start off with my code:</p>

<pre><code>$(function() {
$("#employeeName").keyup(function() {
    var dataString = 'find='+ $("#employeeName").val();  
    //alert (dataString);return false;
    $.ajax({
        type: "POST",
        url: "finduser.php",
        data: dataString,
        success: function(response) {
            //On success
            $("#search").html(response);
        }
    });
    return false;
 });
});
</code></pre>

<p>That is my ajax to search for an employees name</p>

<p>My html looks similar to this:</p>

<pre><code>&lt;input type='text' id='employeeName' name='employeeName'&gt;
&lt;select id='search' name='id'&gt;&lt;/select&gt;
&lt;input type='submit'&gt;
</code></pre>

<p>Basically, it searches the database and returns <code>&lt;option&gt;</code>'s with the user's id as the value, and their name as the name, example: <code>&lt;option value='5'&gt;John Doe&lt;/option&gt;</code></p>

<p>And this all works great, except that when I select a name and submit the form, it doesn't send the updated option that the person selected, it just sends a blank select(So <code>$_POST['id']</code> doesn't exist and throws an error.</p>

<p>How else could I make this work? I tried adding  <code>onchange="$('#employeeName').val($(this).val())"</code> to the select so that when they select a name it updates the search box and they can submit the form that way, but that was to no avail..</p>
