After .load() Reset Textbox with User Entered Value using JavaScript and jQuery
<p>My function below calls a partial view after a user enters a filter-by string into the text box <code>'#DocId'</code>.  When the user is done typing, the partial view is displayed with filtered data.  Since my textbox needs to be in the partial view, when user is done entering a filter-by string and is shown the filtered data, the textbox is reset and the user entered data is lost.  How can I set the value of the textbox back to the user entered string after the partial view is displayed?</p>

<p>I'm pretty sure I need to use <code>.val()</code> but I can't seem to get this to work.</p>

<pre><code>$(function() {
    $('#DocId').live('keyup', function() {
        clearTimeout($.data(this, 'timer'));
        var val = $(this).val();
        var wait = setTimeout(function() { $('#tableContent').load('/CurReport/TableResults', { filter: val }, 500) }, 500);
        $(this).data('timer', wait);
    });
});
</code></pre>

<p>Thank you,</p>

<p>Aaron</p>
