title: Can't load zurb foundation javascript
body: <p><em>Edit</em></p>
  
  <p>I decided to use <code>twitter-bootstrap-rails</code> instead, I don't need a answer.</p>
  
  <p><em>Edit end</em></p>
  
  <p>I want to use <code>zurb-foundation</code> tab function in my rails project, but it doesn't working like this image.</p>
  
  <p><img src="https://i.stack.imgur.com/22DFH.jpg" alt="foundation tab not working"></p>
  
  <p>It looks like javascript is not loaded, but I couldn't find out the reason.</p>
  
  <p>I added two lines in <code>Gemfile</code>.</p>
  
  <pre><code>gem 'compass-rails'
  gem "foundation-rails"
  </code></pre>
  
  <p>And <code>bundle install</code>, then <code>rails g foundation:install</code>.</p>
  
  <p><code>app/assets/javascripts/application.js</code> have lines like this.</p>
  
  <pre><code>//= require jquery
  //= require jquery_ujs
  //= require foundation
  //= require_tree .
  
  $(function(){ $(document).foundation(); });
  </code></pre>
  
  <p>and <code>app/assets/stylesheets/application.css</code> is like this.</p>
  
  <pre><code> /*
   *= require_self
   *= require foundation_and_overrides
   *= require foundation
   *= require_tree .
   */
  </code></pre>
  
  <p>I copied and pasted sample html code from foundation web page.</p>
  
  <pre><code>&lt;p id="notice"&gt;&lt;%= notice %&gt;&lt;/p&gt;
  &lt;dl class="tabs"&gt;
    &lt;dd class="active"&gt;&lt;a href="#simple1"&gt;Simple Tab 1&lt;/a&gt;&lt;/dd&gt;
    &lt;dd&gt;&lt;a href="#simple2"&gt;Simple Tab 2&lt;/a&gt;&lt;/dd&gt;
    &lt;dd class="hide-for-small"&gt;&lt;a href="#simple3"&gt;Simple Tab 3&lt;/a&gt;&lt;/dd&gt;
  &lt;/dl&gt;
  &lt;ul class="tabs-content"&gt;
    &lt;li class="active" id="simple1Tab"&gt;This is simple tab 1s content. Pretty neat, huh?&lt;/li&gt;
    &lt;li id="simple2Tab"&gt;This is simple tab 2s content. Now you see it!&lt;/li&gt;
    &lt;li id="simple3Tab"&gt;This is simple tab 3s content.&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><code>rails server</code> log indicates that foundation javascript is properly loaded.</p>
  
  <pre><code>Started GET "/assets/foundation.css?body=1" for 127.0.0.1 at 2014-04-21 06:20:31 +0900
  Started GET "/assets/jquery.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:31 +0900
  Started GET "/assets/jquery_ujs.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:31 +0900
  Started GET "/assets/foundation/foundation.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.abide.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.accordion.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.alert.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.clearing.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.dropdown.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.interchange.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.joyride.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.magellan.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.offcanvas.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.orbit.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.reveal.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.slider.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.tab.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.tooltip.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.topbar.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  Started GET "/assets/foundation/foundation.equalizer.js?body=1" for 127.0.0.1 at 2014-04-21 06:20:32 +0900
  </code></pre>
  
  <p>I checked console log by developer tool in chrome, but there was no error recorded.</p>
  
  <p>What else can I do to fix the problem?</p>