Multiselect Dropdown List With Checkboxes – multiselect.js how to set placeholder

Question

I am using multiselect.js/css from https://www.cssscript.com/multiselect-dropdown-list-checkboxes-multiselect-js/#google_vignette and creating one select dropdown for Categories.

 <select name="categoryFilter" id="categoryFilter" aria-label="Category" required multiple >                                                            
                                    {% for category in categories %}
                                        <option value="{{category.id}}">{{ category }}</option>
                                    {% endfor %}
                            </select>

my JQuery code :

document.multiselect('#categoryFilter')         
    .setCheckBoxClick("checkboxAll", function(target, args) {
            console.log("Checkbox 'Select All' was clicked and got value ", args.checked);
        })
    .setCheckBoxClick("1", function(target, args) {
            console.log("Checkbox for item with value '1' was clicked and got value ", args.checked);
        }); 
  document.multiselect('#categoryFilter', {
    texts: {
      placeholder: 'Select options',
    }
  });   

I am not able to set placeholder for my Category option. please suggest where I am wrong.