title: Foundation/Bootstrap dropdowns not working on Chrome when used with Modernizr
body: <p>I'm using <em>HTML5 Boilerplate</em> for a zurb foundation <em>v5.4.6</em> project. Everything works fine except the dropdown navigation bar links <em>(see attached pics)</em> when I use Modernizr <em>v2.8.3</em>. The links are supposed to reveal on <strong>hover</strong>. But with Modernizr enabled this is how it behaves on these browsers:</p>
  
  <ul>
  <li><strong>Chrome</strong> <em>v38.0.2125.104</em>: Doesn't reveal even on click</li>
  <li><strong>Firefox</strong> <em>v31.0</em>: Reveals on click</li>
  <li><strong>IE</strong> <em>v11.0</em>: Reveals on click</li>
  </ul>
  
  <p>So in none of these is the normal 'reveal on hover' behaviour is observed. Please help me whats going on.<br>
  <img src="https://i.stack.imgur.com/NKwDh.png" alt="With Modernizr"></p>
  
  <p><img src="https://i.stack.imgur.com/NCSEY.png" alt="Without Modernizr"></p>
  
  <p>The head:</p>
  
  <pre><code>&lt;meta charset="utf-8"&gt;
  &lt;title&gt;testapp&lt;/title&gt;
  &lt;meta name="description" content=""&gt;
  &lt;meta name="viewport" content="width=device-width"&gt;
  &lt;link rel="shortcut icon" href="/favicon.ico"&gt;
  &lt;!-- Place favicon.ico and apple-touch-icon.png in the root directory --&gt;
  &lt;!-- build:css(.) styles/vendor.css --&gt;
  &lt;!-- bower:css --&gt;
  &lt;link rel="stylesheet" href="bower_components/foundation/css/normalize.css"&gt; 
  &lt;link rel="stylesheet" href="bower_components/foundation/css/foundation.css"&gt; 
  &lt;!-- endbower --&gt;
  &lt;!-- endbuild --&gt;
  &lt;!-- build:css(.tmp) styles/main.css --&gt;
  &lt;link rel="stylesheet" href="styles/main.css"&gt;
  &lt;!-- endbuild --&gt;
  &lt;!-- build:js scripts/vendor/modernizr.js --&gt;
  &lt;script src="bower_components/modernizr/modernizr.js"&gt;&lt;/script&gt;
  &lt;!-- endbuild --&gt;
  </code></pre>
  
  <p>The body:</p>
  
  <pre><code>&lt;!--[if lt IE 10]&gt;
    &lt;p class="browsehappy"&gt;You are using an &lt;strong&gt;outdated&lt;/strong&gt; browser. Please &lt;a href="http://browsehappy.com/"&gt;upgrade your browser&lt;/a&gt; to improve your experience.&lt;/p&gt;
  &lt;![endif]--&gt;
  &lt;nav class="top-bar"&gt;
    &lt;ul class="title-area"&gt;
        &lt;li class="name"&gt;
            &lt;h1&gt;&lt;a href="#" title="Home"&gt;Guitarbaba.in&lt;/a&gt;
            &lt;/h1&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
    &lt;section class="top-bar-section"&gt;
        &lt;ul class="left"&gt;
            &lt;li class="divider"&gt;&lt;/li&gt;
            &lt;li class="active"&gt;&lt;a href="#" title=""&gt;Item 1&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="divider"&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#" title=""&gt;Item 2&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="divider"&gt;&lt;/li&gt;
            &lt;li class="has-dropdown"&gt;&lt;a href="#" title=""&gt;Item 3&lt;/a&gt;
                &lt;ul class="dropdown"&gt;
                    &lt;li&gt;&lt;a href="#" title=""&gt;Sub Item 1&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="#" title=""&gt;Sub Item 2&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="#" title=""&gt;Sub Item 3&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="#" title=""&gt;Sub Item 4&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;&lt;a href="#" title=""&gt;Sub Item 5&lt;/a&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
        &lt;/ul&gt;
    &lt;/section&gt;
  &lt;/nav&gt;
  
  &lt;!-- build:js(.) scripts/vendor.js --&gt;
  &lt;!-- bower:js --&gt;
  &lt;script src="bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
  &lt;!-- endbower --&gt;
  &lt;!-- endbuild --&gt;
  
  &lt;!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --&gt;
  &lt;script&gt;
    (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
    function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
    e=o.createElement(i);r=o.getElementsByTagName(i)[0];
    e.src='//www.google-analytics.com/analytics.js';
    r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
    ga('create','UA-XXXXX-X');ga('send','pageview');
  &lt;/script&gt;
  
      &lt;!-- build:js({app,.tmp}) scripts/main.js --&gt;
      &lt;script src="scripts/main.js"&gt;&lt;/script&gt;
      &lt;!-- endbuild --&gt;
  </code></pre>