title: Jquery scrollTop will only scroll to first id and not the others
body: <p>I have a sticky bar that I am using so that the users can click a link and scroll to that particular part of the page. The only issue is that it will only scroll to the first element. If you click another link it kind of creeps down slowly but doesn't actually move at all.</p>
  
  <p>Here is what it is doing: <a href="http://jsfiddle.net/jcdevelopment/bEcUy/" rel="nofollow">http://jsfiddle.net/jcdevelopment/bEcUy/</a></p>
  
  <p>Here is the call I make, does anyone see anything wrong?</p>
  
  <pre><code>jQuery(document).ready(function (){
      jQuery("#notinmas").click(function (){
                  //$(this).animate(function(){
                      jQuery('html, body').animate({
                          scrollTop: jQuery("#notinmasb").offset().top
                      }, 2000);
                  //});
              });
          });
  </code></pre>