MeteorでIron Routerを使うとFoundationのドロップダウンメニューが動かない

マウスカーソルをのせても、クリックしてもドロップダウンメニューが開きません。やったこと：

プロジェクトを作ってパッケージを追加:

$ meteor create dropdown-test
$ cd dropdown-test
$ meteor add iron:router ewall:foundation

dropdown-test.htmlにFoundationのドロップダウンメニューをサンプルからコピペ:

<template name="layout">
  <nav class="top-bar" data-topbar role="navigation">
    <section class="top-bar-section">
      <ul class="right">
        <li class="active"><a href="#">Right Button Active</a></li>
        <li class="has-dropdown">
          <a href="#">Right Button Dropdown</a>
          <ul class="dropdown">
            <li><a href="#">First link in dropdown</a></li>
            <li class="active"><a href="#">Active link in dropdown</a></li>
          </ul>
        </li>
      </ul>
    </section>
  </nav>
  <div id="main" class="row">
    {{> yield}}
  </div>
</template>

<template name="hello">
  Hello world!
</template>

dropdown-test.jsにルーティング情報を追加

Router.configure({
  layoutTemplate: 'layout'
});

Router.route('/', {name: 'hello'});

meteorを実行

$ meteor

各バージョン:

• meteor: 1.0
• ewall:foundation: 5.4.6
• iron:router: 1.0.0