Добавление событий в динамически создаваемый флажок в jquery mobile

Я создал свой флажок динамически на моей странице. Я хочу добавить событие клика для всех флажков, которые создаются динамически.

вот мой код

<div data-role="fieldcontain">
         <fieldset data-role="controlgroup" id="br">

        </fieldset> 
</div>

я динамически создал флажки и добавить к fieldset.

$.getJSON("http://localhost/WebSite/",
    function(data){ 
    var branchOp="";
      $.each(data.branch, function(i,item){   
         branchOp += '<input type="checkbox" name="branch" id="'+item.branchCode+'" value="'+item.branchCode+'" class="branch"><label for="'+item.branchCode+'">'+item.branchName+'</label>'; 
         $(item.branchCode).addClass("intro");     
      });
      $('#br').append(branchOp).trigger( "create" );  
      });

я использую метод on (), live (), deligate () для добавления обработчиков событий в флажки.

$('#br').delegate('click','input:checkbox', function(event) {
  alert('selected');
 }); 



$('#br').on('click','input:checkbox', function(event) {
alert('selected');
});

у меня ничего не работает ...

Ответы на вопрос(3)

Ваш ответ на вопрос