Reordenar lista Jquery : (

[ArmandoGlam]

Genero varios divs contenidos en un div principal con Jquery

Al estos generarse me dan los siguientes id's y contenido

jugada1(id)= Nro 1 (dentro del div)
Jugada2(id)=Nro 2 (dentro del div)

Quiero que al eliminar alguno se "reordenen" el id y el numero q contiene, es decir si tengo 1 2 3 y elimino el 2 , me queda esto 1 2 , y ahorita lo q logro obtener es 1 3

aqui mis dos funciones tanto de generar como de eliminar

Código:

<script type="text/javascript"> // Agrega Caballo
$(document).ready(function(){
	var contador=1;
	
	$('#agregar').click(function() {
		var caballo = $('#caballo').val();
		var monto = $('#campo').val();
		var jugada = "<div id='jugada"+contador+"'>Nro:"+contador+"  Monto"+monto+"bs Caballo"+caballo+"<input type='button' onclick='elimina_me("+contador+")' value='X'></div>";
		$(jugada).hide().appendTo(".elementos1").fadeIn(500);
		 contador++;
	$('#caballo').val('');
	$('#campo').val('');
	$("#caballo").focus();
	});
});	

	
	
function elimina_me(contador_id){
	
	  $("#jugada"+contador_id).fadeOut(300, function() {
        $(this).remove();
        $("#caballo").focus();     
    });
    
	
      $('.elementos1 div').each(function(){
		  var contador_actual=1;
        $(this).attr(contador,contador_actual); //esto no hace nada
          contador_actual++;
     });
     
	}
	
</script>

alguien podria ayudarme