Динамическая кнопка работает только один раз, но не раз.

Question

Во-первых, я не очень хорошо говорю по-английски. Надеюсь извиниться.

Это моя проблема:

я была кнопка динамически созданный с jquery-> Append. Мне нужна эта кнопка, чтобы изменить значение метки id="exampleid" от value="examplefrom" до value="exampleto".

Я создаю много этих кнопок с тем же ID (пример = id "exampleidbuttom") и добавляю к ним события с jquery.ON.

Кнопки меняют свое значение с моей метки один раз и никогда больше.

Я не понимаю, почему и я много пытаюсь.

Вот пример: http://jsfiddle.net/cvdta/#&togetherjs=kk4Mrix2xG

HTML-:

<a href="#" id="nuevoBoton">Añadir botón</a> 
<div id="contenedor"> 
<a href="#" class="boton" data-val="1">Pulsa</a> 
<input type="text" class="form-control" id="idname" placeholder="Ingresa el nombre del tipo de usuario que deseas crear" name="name" data-toggle="popover" value="kkk" dismisible value=""> 
</div> 

JavaScript:

$("#nuevoBoton").on('click',function() { 

var boton = '<button href="#" class="boton" data-val="' + parseInt(Math.random()*10)+ '">Pulsa</button>'; 

$('#contenedor').append(boton);  
    $("#contenedor").on('click','button.boton', function() { 
    alert('El valor es: ' + $(this).data('val')); 
    $("#idname").remove("value");  
    $("#idname").attr("value","fdfdf");  

    }) 

Answer 1

после разрешения здесь код

var lastLabel="#idname"; 
$("#nuevoBoton").on('click',function() { 


    var newLabel = "#label"+parseInt(Math.random()*10) 


     $(lastLabel).attr("id",newLabel); 
    console.log(newLabel+"-"+lastLabel); 
    lastLabel = newLabel; 

})