title: Zurb Foundation topbar menu bar dropdown not working (the phone size one)
body: <p>Most people are talking about dropdown menus when the bar is expanded
  I'm talking about menu when you adjust the browser window to a phone size. 
  You should be able to over menu and the list of items should drop down 
  <a href="http://foundation.zurb.com/docs/components/topbar.html" rel="noreferrer">http://foundation.zurb.com/docs/components/topbar.html</a> 
  The code is from this page, (second example). If you re adjust it should show menu and drop down items.</p>
  
  <pre><code>&lt;!doctype html&gt;
      &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="css/normalize.css"&gt;
          &lt;link rel="stylesheet" href="css/foundation.css"&gt;
          &lt;link rel="stylesheet" href="css/app.css"&gt;
          &lt;script src="js/vendor/custom.modernizr.js"&gt;&lt;/script&gt;
          &lt;script src="js/jquery.js"&gt;&lt;/script&gt;
          &lt;script src="js/foundation.js"&gt;&lt;/script&gt;
          &lt;script src="js/foundation.dropdown.js"&gt;&lt;/script&gt;
          &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Gideon Sassoon&lt;/title&gt;
      &lt;/head&gt;
  &lt;body&gt;
      &lt;nav class="top-bar" data-topbar&gt;
        &lt;ul class="title-area"&gt;
          &lt;li class="name"&gt;
            &lt;h1&gt;&lt;a href="#"&gt;My Site&lt;/a&gt;&lt;/h1&gt;
        &lt;/li&gt;    
        &lt;li class="toggle-topbar menu-icon"&gt;&lt;a href=""&gt;&lt;span&gt;Menu&lt;/span&gt;
              &lt;/a&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
  
        &lt;section class="top-bar-section"&gt;
          &lt;!-- Right Nav Section --&gt;
          &lt;ul class="right"&gt;
            &lt;li class="active"&gt;&lt;a href="#"&gt;Right Nav Button Active&lt;/a&gt;&lt;/li&gt;
            &lt;li class="has-dropdown not-click"&gt;
              &lt;a href="#"&gt;Right Button with Dropdown&lt;/a&gt;
              &lt;ul class="dropdown"&gt;
                &lt;li&gt;&lt;a href="#"&gt;First link in dropdown&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/section&gt;
      &lt;/nav&gt;
      &lt;script&gt;$(document).foundation();&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Okay so the code is correct, I've checked it and a friend has as well. 
  To clarify I DO NOT mean the Right Button with dropdown. That works perfectly fine.</p>