Why does the keydown event on my target input tag not fire for my function?
<p>I have a script block that happily copies a value from a dropdown list and puts it in an input tag. However, the input tag behaviour associated with it. Namely, when I keydown, it filters a column (see DataTables.js). The problem is that despite it copying the value from the dropdown to the input box, it does not fire the keydown event and cause the column to filter. What is wrong with the trigger method below?</p>

<pre><code>&lt;script type="text/javascript"&gt;

    $('.dropdownlist').change(function () {
        var e = jQuery.Event('keydown', { which: 9 });
        var controlId = $(this).attr('id');
        var controlText = $('#' + controlId + ' option:selected').text();
        var target = $('input.' + controlId)
        var setTarget = target.val(controlText);
        $(target).trigger(e);
    });
&lt;/script&gt;
</code></pre>

<p><strong>Edit:</strong></p>

<p>datatables.js is available from here: <a href="http://www.datatables.net/" rel="nofollow">http://www.datatables.net/</a></p>
