jquery button after ajax call [duplicate]

This question already has an answer here:

• Event binding on dynamically created elements? 8 answers

I need after a ajax call to add a on click button for a slider images. But my button on click doesn't work. What can I do?

$(document).ready(function() {

$("#imgnext").click(function() {
      console.log("ciao");
      alert( "Handler for .click() called." );
  });
$('#box2').click(function (){

    var data;
    $.getJSON('data/one.json', function(jd) {
         $.each(jd, function (index, value) {
             data = value; 
             $('#textbox').html(data['name']);
             $('#textbox').append("<br>"+data['details']);
             $('#textbox').append("<br>"+data['composition']);
             for (i=0; i<data['modelDetails'].length; i++) {
                 $('<p>' + data['modelDetails'][i] +'</p>').appendTo('#textbox');
             }
             $('<button id="imgnext" ><strong>></strong></button>').appendTo('#textbox');
             for (i=0; i<data['images'].length; i++) {
                 $('<img id="imgbox" src="'+data['images'][i]+'" />').appendTo('#textbox');
             }
            });
     });
    return false;
});

});