Expected behavior

I should be able to set the selected value of the select input using jQuery, this works fine until you manually click the select dropdown and select a value manually after that jQuery is no longer able to switch the value (not visually atleast)

Actual behavior

After manual selection from a select dropdown you can no longer set the value with jQuery this is with class mbd-select (material select) .. the default select works fine!

I upgraded from 4.8.4 to latest 4.16 and behavour broke during this upgrade, it worked fine in 4.8.4.

Resources (screenshots, code snippets etc.) This small sample will showcase the issue, if you click the button it will select option two but if u then manually select option one and try the button again it will not switch back to option two.

> <div class="container-fluid mt-2">
>     <h2>Test</h2>
>     <div class="row">
>         <button onclick="setSelect()">TEST</button>
>     </div>
>     <div class="row">
>         <div class="col-md-6 md-form">
>             <select class="mdb-select" id="editDashboardShiftInput" required>
>                 <option value="" disabled selected>Skift</option>
>                 <option value="0">Dag</option>
>                 <option value="1">Dag/Natt</option>
>             </select>
>         </div>
>     </div> </div> <script>
>     $(document).ready(function () {
>         // Material Select Initialization        
>         $('.mdb-select').materialSelect();        
>     });
> 
>     function setSelect() {
>         $('#editDashboardShiftInput').val(1);
>     } </script>
>     
>