add menu items into jquery datatables -

i have filter added datatable (jquery datatable) worked until figured out how add header.

i handled so:

$('select#booking_status').change( function() { otable.fnfilter( $(this).val() ); } ); 

which worked until added select menu inside header sdom feature

"sdom": '<"h"<"tools">lfr>t<"f"ip>' 

i'm not sure on last part, couldn't seem work until followed example , wrapped select so...

$("div.tools").html('organize by: <select id="booking_status"><option value="">all bookings</option><option value="confirmed">upcoming</option><option value="arrived">arrived</option><option value="rejected">rejected</option></select>'); 

it in div outside table.

http://www.datatables.net/examples/advanced_init/dom_toolbar.html