странно работает ajax

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

скрипт который подгружает данные из файла

$(function(){
$(".get_url").click(function(e){
    e.preventDefault();
    var getvalue = $(this).attr('href');
    var arguments = getvalue.split('?')[1].split('=');
    arguments.shift();  
    var href = $(this).attr("href");
     getContent(arguments,href, true);
});
});
window.addEventListener("popstate", function(e) {       
    getContent(location.search, false);
});

function getContent(arg,url, addEntry) {
 $.ajax({
        type: "GET",
        url: 'menu.php?category=' + arg,
        success: function(html){    
         $(".content").html(html);   
          if(addEntry == true) {
            // Добавляем запись в историю, используя pushState
            history.pushState(null, null, url); 
        }
        }
   });
}

// меню вывода дочерних категорий

<?php include 'catalog.php'; ?>
            <?php foreach($get_catById as $cats_ById): ?>
        <a class="get_url"  href="<?=PATH?>?category=<?=$cats_ById['id']?>"><?=$cats_ById['title']?></a><br>
                <?php endforeach; ?>