I am trying to add items dynamically to a dropdown and I just can't seem to find the correct way of doing it.
Here is the html
<div class="ui search selection dropdown group">
<input type="hidden" name="gender">
<i class="dropdown icon"></i>
<div class="default text">Gender</div>
And I have tried various JS API calls but not sure how to get this to work.
$('.ui.dropdown.group').dropdown('add optionValue', 'test');
Am I supposed to update the html instead or is there an existing API that allows me to add items?