Question

Im trying to make a button so that when I click on it it creates a new button after it then when I click on the next/new button it will create a button after itself but the click event only works on the first button, can you help?

Here is my fiddle = http://jsfiddle.net/hyeFB/

// $(document).ready(function () {


    var myDiv = '<div class="myButton">myButton</div>';


     $('#c').append(myDiv);


     $('.myButton').click(function () {

         $(this).after(myDiv);

     });


 //});​

Answer 1

try using on

var myDiv = '<div class="myButton">myButton</div>';

 $('#c').append(myDiv);

 $('body').on('click', '.myButton',function () {
     $(this).after(myDiv);
 });