JQuery and scrollTop

[StealthRT]

Hey all i am trying to figure out what i am doing wrong here with this code. The code below works but it only works for the first link for some reason...

$(document).ready(function() {
  $('#mybutton').click(function() {
    $('html, body').animate({scrollTop: '0px'}, 500);
	return false;

  });
});

<A href="#" title="page1" id="mybutton"><span class="buttontext" id="mybutton" onMouseOver="this.style.backgroundColor='#000';" onMouseOut="this.style.backgroundColor='#CCC';">1</span></A>
<A href="#" title="page2" id="mybutton"><span class="buttontext" id="mybutton" onMouseOver="this.style.backgroundColor='#000';" onMouseOut="this.style.backgroundColor='#CCC';">2</span></A>

It works for the "1" but it only scrolls a tad bit for "2". Any ideas on why this is??

Thanks,
David

[rangana]

ID is unique in every page - this should only exist once in your markup.

Use class instead, and change the selector from pound sign to dot.

[StealthRT]

Well that was an easy fix, Ramgana! Thanks for the help bud!

David