title: Bootstrap ScrollSpy not working properly
body: <p>Here's the page I'm having the problem with <a href="http://intern-dev.obrary.com/manufacturer" rel="nofollow">http://intern-dev.obrary.com/manufacturer</a>.  </p>
  
  <p>I'm trying to implement ScrollSpy through JavaScript.  Here's the js:</p>
  
  <pre><code>&lt;script&gt;$(document).ready(function(){
  $(".scroll-area").scrollspy({target: "#myNavbar"}) 
  });&lt;/script&gt;
  </code></pre>
  
  <p>And here's the id for the navbar:</p>
  
  <pre><code>&lt;div class="navbar navbar-default navbar-fixed-top" id="myNavbar"&gt;
  </code></pre>
  
  <p>And the target class:</p>
  
  <pre><code>&lt;div class="scroll-area" data-spy="scroll" data-offset="50"&gt;
  </code></pre>
  
  <p>Something with the implement is working because after I added the above the FAQ link in the navbar got the the active treatment.  But the active does not change to any of the other navbar elements. </p>