Carousel nav adds fragment to browser address

Created by: martinbean

I seem to be having an issue with my carousel implementation. My mark-up looks like this:

<div class="carousel slide" id="myCarousel">
<div class="carousel-inner">
  <div class="item active">
    <img src="http://placehold.it/620x349" alt="" />
    <div class="carousel-caption">
      <h4>First Item</h4>
      <p>Lorem ipsum.</p>
    </div>
  </div>
  <div class="item">
    <img src="http://placehold.it/620x349" alt="" />
    <div class="carousel-caption">
      <h4>Second Item</h4>
      <p>Lorem ipsum.</p>
    </div>
  </div>
</div>
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

I've cloned a local copy this afternoon of the Bootstrap 2.0-wip branch, and hot-linked the JavaScript files in there in my page (also on localhost), but whenever I clicked one of the .carousel-control links, it's drops the #myCarousel fragment into the browser address bar and causes my page to jump.

Have I done something wrong? The carousel in the docs doesn't seem to do this, and I can't see any difference in the example carousel mark-up and mine.