Problemas no Link sem Reload

Boa tarde galera estou com um problema nesse script

<script>
$(document).ready(function(){
	$(".paginacao a").click(function( e ){
 e.preventDefault();
 var href = $( this ).attr('href');
 $(".paginacao").load( href +"page");
	});
});
</script>

quando eu clico ele duplica o index, e somente após isso os links funcionam normalmente sem dar reload na página :S

Parte do código relacionado á paginação

echo '<div class="paginacao">';

 //mostrar numero de paginas
 if($menos > 0) {
 echo "<a href=".$_SERVER['PHP_SELF']."?pagina=$menos>anterior</a>";
 }

 //listar paginas
 for($i=1;$i <= $pgs;$i++) {
 if($i != $pagina) {
 //echo " <a href='javascript:;' onclick='updateContent({$i})'>{$i}</a>";
 echo " <a href=".$_SERVER['PHP_SELF']."?pagina=".($i).">$i</a>";
 } else {
 echo " <span class='pgatual'>".$i."</span>";
 }
 }

 if($mais <= $pgs) {
 echo " <a href=".$_SERVER['PHP_SELF']."?pagina=$mais>próxima</a>";
 }
 }
 echo'</div>';