[EleGant]

Подскажите, вот есть код..

<div id="variants">

                  <div class="control-group" id="uzz">
                    <label class="control-label">Username</label>
                    <div class="controls">
                      <input type="text" placeholder="Username" name="name[]"> <a class="del_variant">X</a>
</div>
                  </div>                  
               	
<script src="http://code.jquery.com/jquery-latest.js"></script>
                  <script>
	$(document).ready(function(){

	var variant = $('#uzz').clone(true);
	

	$('#ss').click(function() {
	
			$(variant).clone(true).appendTo('#variants').fadeIn('slow').find("input[name*=name]").focus();		
	});
	
	$('a.del_variant').click(function() {

			$("#uzz").remove(); });
	});


				  </script>
       
                </div><span id="ss">Добавить вариант</span>

При нажатии на ДОБАВИТЬ ВАРИАНТ,..все, оке..добавляется, но вот при тыки на Х работает только первый вариант...Как сделать что бы при нажатии на против каждого работало именно для него?