title: Semantic-ui dropdown is not working
body: <p>I have a trouble integrating a dropdown menu in my HTML form. I've tried everything I can do and what I found online but it still doesn't work. I found that this code runs properly on JSFiddle. The script paths are fine and the scripts are loaded correctly.</p>
  
  <p>Did I miss something?</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="UTF-8"&gt;
        &lt;link href="../semantic/packaged/css/semantic.min.css" rel="stylesheet" type="text/css"/&gt;
    &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
    &lt;script src="../semantic/packaged/javascript/semantic.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      $('.ui.dropdown').dropdown();
    &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;form class="ui form segment" style="width:400px; margin:auto;" method="POST" action="register_do.php"&gt;
      &lt;div class="field"&gt;
        &lt;label&gt;학년&lt;/label&gt;
        &lt;div class="ui fluid dropdown selection"&gt;
          &lt;input type="hidden" name="grade"&gt;
          &lt;div class="default text"&gt;학년&lt;/div&gt;
          &lt;i class="dropdown icon"&gt;&lt;/i&gt;
          &lt;div class="menu"&gt;
            &lt;div class="item" data-value="10"&gt;고1&lt;/div&gt;
            &lt;div class="item" data-value="11"&gt;고2&lt;/div&gt;
            &lt;div class="item" data-value="12"&gt;고3&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="ui buttons"&gt;
                &lt;button class="ui red submit button"&gt;등록&lt;/button&gt;
                &lt;div class="or"&gt;&lt;/div&gt;
                &lt;div class="ui button" onClick="history.back();"&gt;취소&lt;/div&gt;
            &lt;/div&gt;
        &lt;/form&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>