Selectmenu Jquery UI change event on pageload

Selectmenu Jquery UI change event on pageload

I'm currently using JQuery UI SelectMenu Widget in my application. The options in the selectMenu are filled at runtime based on some values in sql tables.

Based on the option selected in the selectedMenu a datatable needs to be filtered on a specific column.

.Js snippet
  1. $(document).ready(function() {
  2.     var table = $('.tableContent').DataTable({
  3.         "columnDefs" : [ {
  4.             "className" : "dt-center",
  5.             "targets" : "_all"
  6.         } ]
  7.     });

  8.     $("#osFamilySelect1").selectmenu({
  9.         change : function(event, ui) {
  10.             dropdownSelect = ui.item.value;
  11.             table.column(9).search(dropdownSelect, false, true, true).draw();
  12.         }
  13.     });
  14. });

The above works when something is selected, but does not work when the page is first loaded i.e the table is not filtered when the page is first loaded.

How to achieve the same.