title: semantic-ui dropdown menu do not work
body: <p>I have been trying to build a menu using Semantic-UI. I can't get the dropdown menus to work at all. I took a copy of the page <a href="http://semantic-ui.com/collections/menu.html">Menu examples</a> and pulled out everything except the tiered menu and placed it in a separate file. Only the dropdown menu will not function, though there are no errors. Can anyone tell me what I have missed?</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta http-equiv="Content-Script-Type" content="text/jscript" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;    
      &lt;link rel="stylesheet" type="text/css" class="ui" href="http://semantic-ui.com/build/packaged/css/semantic.min.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://semantic-ui.com/stylesheets/semantic.css"&gt;  
      &lt;script src="http://semantic-ui.com/javascript/library/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://semantic-ui.com/javascript/library/history.js"&gt;&lt;/script&gt;
      &lt;script src="http://semantic-ui.com/javascript/library/easing.js"&gt;&lt;/script&gt;
      &lt;script src="http://semantic-ui.com/javascript/library/ace/ace.js"&gt;&lt;/script&gt;
      &lt;script src="http://semantic-ui.com/javascript/library/tablesort.js"&gt;&lt;/script&gt;
      &lt;script src="http://semantic-ui.com/javascript/library/waypoints.js"&gt;&lt;/script&gt;
      &lt;script src="http://semantic-ui.com/build/packaged/javascript/semantic.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://semantic-ui.com/javascript/semantic.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body class="menu" &gt;
      &lt;div class="ui tiered menu"&gt;
        &lt;div class="menu"&gt;
          &lt;a class="active item"&gt;
            &lt;i class="users icon"&gt;&lt;/i&gt;
            Friends
          &lt;/a&gt;
          &lt;a class="item"&gt;
            &lt;i class="grid layout icon"&gt;&lt;/i&gt; Browse
          &lt;/a&gt;
          &lt;a class="item"&gt;
            &lt;i class="mail icon"&gt;&lt;/i&gt; Messages
          &lt;/a&gt;
          &lt;div class="right menu"&gt;
            &lt;div class="item"&gt;
              &lt;div class="ui icon input"&gt;
                &lt;input type="text" placeholder="Search..."&gt;
                &lt;i class="search icon"&gt;&lt;/i&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="ui dropdown item"&gt;
              More &lt;i class="icon dropdown"&gt;&lt;/i&gt;
              &lt;div class="menu"&gt;
                &lt;a class="item"&gt;&lt;i class="edit icon"&gt;&lt;/i&gt; Edit Profile&lt;/a&gt;
                &lt;a class="item"&gt;&lt;i class="globe icon"&gt;&lt;/i&gt; Choose Language&lt;/a&gt;
                &lt;a class="item"&gt;&lt;i class="settings icon"&gt;&lt;/i&gt; Account Settings&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="ui sub menu"&gt;
          &lt;a class="active item"&gt;Search&lt;/a&gt;
          &lt;a class="item"&gt;Add&lt;/a&gt;
          &lt;a class="item"&gt;Remove&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>