Обработка динамично созданных элементов
 

Здравствуйте ! Столкнулся с довольно интересной проблемой, сижу над ней уже более 4 ч
Дело в том, что не обрабатываются созданы элементы при нажатии на них

сам код

$(document).ready(function(){
     var questions;
     var count_questions = 0;
     
      $(".gotest").bind('click',function() { 
        var id = $(this).attr('id'); 
         jQuery.ajax({
                               url:     '../engine/ajax/gotest.php',
                               type:     "POST", 
                               data: 'id='+id, 
                               success: function(data) {
                               $( "#test_content" ).empty(); 
                               count_questions = data.length;
                               questions = JSON.parse(data);
                              show_question(1);
                           },
                           error: function(response) {
                           //
                           }
                        });
        
      });
      
           
           $(".mybut").live('click', function(){
    alert("1");
});


      
      function show_question(a){
       $("<div class='panel panel-default'><div class='panel-body'>Вопрос<span class='info_q'>1/22</span></div><div class='panel-footer'><span class='btn btn-primary mybut'>1111111</span><span class='btn btn-primary mybut'>22222222</span><span class='btn btn-primary mybut'>3333</span><span class='btn btn-primary mybut'>44444</span></div></div>").prependTo($('#test_content'));
        };
      
});

Буду очень благодарен за помощь :)

vitaljaa,

$('#test_content').on('click', '.mybut', function(){  alert("1");})

интересно что популярнее вопрос про ajax почему не работает или открыть закрыть ... :cray: