title: scrolling to element on page jquery - html,body refuses to scroll
body: <p>I cannot understand this problem so I have to ask. I'm trying to do a very simple jQ scroll to element on a click event. I've successfully build the same function before on a different page.</p>
  
  <pre><code>$('li.newsmenu a').click(function() {
      $('html, body').animate({scrollTop: $('section#news').offset().top});
          return false;
  });
  </code></pre>
  
  <p>My selectors are both fine.</p>
  
  <p>I've tested the click event and it will give me an alert('like this');</p>
  
  <p>In the console the <strong>$('section#news').offset().top</strong> value returns a sensible <strong>717</strong>.</p>
  
  <p>I've tested in Chrome &amp; Safari with no success.</p>
  
  <p>I'm working on top of someone else's work and on top of the HTML5 boilerplate Wordpress theme system and I wonder if there is something in that.</p>
  
  <p>Does anyone have any ideas? This is driving me nuts.</p>