[SOLUCIONADO] cambiar contenido de un div al presionar uno o varios botones

[dhayzon]

tengo un problema bien grueso
ISE UN reproductor de musica --
ahora eso lo meti dentro de un div


es este



ya ahora los botones q ven abajo son los q se tienen presionar y cambiar el div

tengo este html

Código:

<div id="show_radios">
el codigo de mi reproductor
</div>

<ul id="music_list">
   <li><a href="/radios/radio_anime.html" title="Radio Anime - La Radio de la Familia Otaku" >Anime</a></li>
   <li><a href="/radios/konata-station.html" title="konata-station - Mas que una radio, Tú mundo!! " >konata-station</a></li>
   <li><a href="/radios/anime-jpop.html" title=" " >muy pronto</a></li>
   <li><a href="/radios/anime-jpop.html" title=" " >muy pronto</a></li>
   <li><a href="/radios/anime-jpop.html" title=" " >muy pronto</a></li>
   <li><a href="/radios/anime-jpop.html" title=" " >muy pronto</a></li>
   <li><a href="/radios/anime-jpop.html" title=" " >muy pronto</a></li>
   <li><a href="/radios/anime-jpop.html" title=" " >muy pronto</a></li>
</ul>

este js

Código:

<script type="text/javascript">
$(document).ready(function(){
   $("#music_list a").each(function(){
      var href = $(this).attr("href");
      $(this).attr({ href: "#"});
      $(this).click(function(){
         $("#show_radios").load(href);
      });
   });
});
</script>

todo de maravilla pero tengo un problema q es cuando presiono los botones
me manda al inicio de la pagina al momento de clikar vambia el div normal
pero me sube la pagina hata el inicio

no se q tendria q hacer en este caso
o talves hay otra solucion o conocen otra funcion
cualquier tipo de indicio me sirve gracias

[pzin]

Supongo que te valdría usar preventDefault().

[dhayzon]

excelente gracias

pequeñas cosas grandes soluciones

un abrazo