Add jQuery UI Selectmenu to table header

mosley

Is there any way to add a jQuery UI widget, like Selectmenu, to the header? I would like to add the Selectmenu widget between the length and filter input controls.

This code just replaces all the header input controls with the HTML...

jQuery(document).ready(function() {
    var myTable = jQuery('#my-table').DataTable( {
        "dom": '<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-tl ui-corner-tr"lfr>'+
        't'+
        '<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-bl ui-corner-br"ip>',
    };
    jQuery(".fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-tl.ui-corner-tr").html('<b>Custom tool bar! Text/images etc.</b>');
}

Edited to change autocomplete to Selectmenu...