title: jQuery Bootstrap ScrollSpy doesn't work
body: <p>I'm trying the ScrollSpy Bootstrap plugin, but it's not working properly. See the code below, it always highlight the last item.</p>
  
  <p><a href="http://jsfiddle.net/bRYMC/" rel="nofollow">http://jsfiddle.net/bRYMC/</a></p>
  
  <pre><code>&lt;nav id="navbar"&gt;
    &lt;ul class="nav"&gt;
      &lt;li&gt;&lt;a href="#page1"&gt;Page 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#page2"&gt;Page 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#page3"&gt;Page 3&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#page4"&gt;Page 4&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#page5"&gt;Page 5&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nav&gt;
  
  &lt;div data-spy="scroll"&gt;
    &lt;section id="page1" class="page"&gt;
      &lt;h1&gt;Page 1&lt;/h1&gt;
    &lt;/section&gt;
  
    &lt;section id="page2" class="page"&gt;
      &lt;h1&gt;Page 2&lt;/h1&gt;
    &lt;/section&gt;
  
    &lt;section id="page3" class="page"&gt;
      &lt;h1&gt;Page 3&lt;/h1&gt;
    &lt;/section&gt;
  
    &lt;section id="page4" class="page"&gt;
      &lt;h1&gt;Page 4&lt;/h1&gt;
    &lt;/section&gt;
  
    &lt;section id="page5" class="page"&gt;
      &lt;h1&gt;Page 5&lt;/h1&gt;
    &lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>​Can you help me?</p>