Does not work properly with multi selects

[bbagherian]

This is the code:

<link rel="stylesheet" href="transition.min.css">
<link rel="stylesheet" href="dropdown.min.css">

<script src="jquery-3.1.1.min.js"></script>
<script src="transition.min.js"></script>
<script src="dropdown.min.js"></script>

<select name="selection[]" multiple="" class="ui dropdown ASDropdown">
	 <option value="USStates">US States</option>
	 <option value="USCounty">US Counties</option>
	 <option value="USTownship">US Township</option>
</select>

<script>
$('.ASDropdown').dropdown({
			         forceSelection:false
			}); 
</script>

It seems straight forward but does not show multiple selects properly. It shows selections as empty squares.

If I replace head files with full Semantic js and css it will be totally fine though. Am I missing anything?