Проблемы с приложением ajax post

Question

У меня следующая проблема. У меня дикий <div class="aside_data"></div>, который заполняется информацией через ajax => $('.aside_data').html(data), информация состоит из множества флажков: <input type=" checkbox" class="css-checkbox category" id="1" name ="cat" value="cat1"> Проблема в том, что я не могу их использовать сгенерированные флажки для отправки данных от них через ajax. Они как-то бездействуют, как будто он их вообще не находит. Я понимаю, что объясняю довольно запутанно, я добавлю дополнительную информацию об этом, если вы все еще меня не понимаете, скажите, пожалуйста, объяснить.

javascript:

          $.ajax({
              url:"<?php echo $g['url']; ?>aside-cat.php",
              method:"POST",
              data:{cat:filter},
              success:function(data){
                $('.aside_data').html(data);
              }
          });

html:

<div class="aside_data"></div>

после ajax post. Aside_data содержит:

<input type=" checkbox" class="css-checkbox category" id="1" name="cat" value="cat1">

и после этого я пытаюсь получить информацию из этих флажков с помощью:

  function get_filter(class_name) {
      var filter = [];
      $('.'+class_name+':checked').each(function(){
          filter.push($(this).val());
      });
      return filter;
  }

Но я не могу