JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="ui inline search dropdown" id="managerSchoolDropdown">
  <input class="search" autocomplete="off" tabindex="0">
  <div class="text" style="min-width: 8em;"></div><i class="dropdown icon"></i>
  <div class="menu transition hidden" style="z-index: 10000;" tabindex="-1">
    <div class="item" jobid="10723">Meyou</div>
  </div>
</div>

CSS

body {
  padding: 1em;
}

JavaScript

$('#managerSchoolDropdown').dropdown().dropdown('set selected', 'Meyou');
// $('#managerSchoolDropdown').dropdown().dropdown('set selected', 'Me &amp; you');