title: Zurb top bar nav link not working
body: <p>I have the following code that essentially a copy and paste job from the Zurb Foundation site that creates a top bar nav with a menu dropdown on the right hand side. It works correctly when the page is initially loaded however after clicking on the link to the <code>root_path</code>, it navigating to the root and then clicking on the dropdown a <code>#</code> is appended to the URL and then clicking on the links from the dropdown no longer works. To get them to work i have to reload the page.</p>
  
  <pre><code>&lt;nav class="top-bar" data-topbar role="navigation" data-options="is_hover: false" &gt;
   &lt;ul class="title-area"&gt;
    &lt;li class="name"&gt;
      &lt;h1&gt;&lt;%= link_to "Cost Planner", root_path %&gt;&lt;/h1&gt;
    &lt;/li&gt;
   &lt;/ul&gt;
   &lt;section class="top-bar-section"&gt;
    &lt;ul class="right"&gt;
    &lt;li class="has-dropdown"&gt;
      &lt;% if current_user %&gt;
        &lt;a href="#"&gt;&lt;%= current_user.username %&gt;&lt;/a&gt;
        &lt;ul class="dropdown"&gt;
          &lt;li&gt;&lt;%= link_to "My Activities", user_activities_path(current_user)  %&gt;&lt;/li&gt;
          &lt;li&gt;&lt;%= button_to "Log out", session_path, :method =&gt; :delete %&gt;&lt;/li&gt;
        &lt;/ul&gt;  
      &lt;% else %&gt;
        &lt;%= link_to "Log in", new_session_path %&gt;
      &lt;% end %&gt;
    &lt;/li&gt;
    &lt;/ul&gt;
   &lt;/section&gt;
  &lt;/nav&gt;
  </code></pre>