Al pulsar en el mismo boton uno me funciona y otro no

[dimetuuna]

Hola muy buenas a todos espero me podais ayudar con un problemilla
tengo el siguiente codigo en el que el primer boton me funciona pero el otro no me funciona:

Código:

<div id="page1">

<div id="link" class="5" >pulsame 10</div>
<div id="link" class="10" >pulsame 10</div>

</div>

<div id="page2"></div>

Código:

$(document).ready(function() {
	
	
			$('#link').click(function(e){
	 
   				e.preventDefault();
				
				the_class = $(this).attr('class'); 

				$.ajax({
				  url: 'page2.php',
				  type: 'POST',
				  data: {data:the_class},
				  success: function(data){
				  $('#page1').fadeOut('fast');
			  	  $('#page2').fadeIn('fast');
				  $('#page2').html(data);
			     },
				 error:function(){alert("error");}
				 });
			  
			});
	
});

Código:

<?php

$pagina = $_POST['data'];

echo 'Has pulsado el numero '.$pagina;

?>

en el class tengo unos numeros que se envian a un archivo php y oculta la pagina uno y enseña la dos con la consulta el problema es que funciona con el primer div pero no con el segundo alguna idea.

Gracias de antemano.

[siddartha23]

No debes repetir el atributo identificador de una etiqueta dos veces compañero...

[hechicerd0]

Haz al revés, la clase es la misma, el id diferente y tiene que hacer click en la clase, no en el id.

[andresgarciadev]

cambiar los id por class, $('#link') por $('.link') y deberia funcionar sin problemas