Hover not working after ajax function

Hover not working after ajax function

I've got a filter on the website that uses ajax to pull through the specific post category. Before I choose a filter, the hover feature works fine and no issues. 

However once the ajax function has run, the hover no longer works despite every reason it should.

I've googled and tried a number of ways to no success. Two of the options I've found so far which work fine before the ajax are;

  1. jQuery(document).on('mouseenter','.cont_panel__img', function(e){
  2.     jQuery(this).toggleClass('active');
  3.     jQuery(this).siblings().toggleClass('inactive');
  4.     jQuery('.cont_panel__black').toggleClass('active');
  5.     jQuery('.staff_overview').toggleClass('chosen_inactive');
  6.     jQuery(this).siblings().find('.staff_overview').toggleClass('inactive');
  7. });

  9. jQuery(".cont_panel__img").on({
  10.     mouseenter: function () {
  11.         jQuery(this).addClass('active');
  12.         jQuery(this).siblings().addClass('inactive');
  13.         jQuery('.cont_panel__black').addClass('active');
  14.         jQuery('.staff_overview').addClass('chosen_inactive');
  15.         jQuery(this).siblings().find('.staff_overview').addClass('inactive');
  16.     },
  17.     mouseleave: function () {
  18.         jQuery(this).removeClass('active');
  19.         jQuery(this).siblings().removeClass('inactive');
  20.         jQuery('.cont_panel__black').removeClass('active');
  21.         jQuery('.staff_overview').removeClass('chosen_inactive');
  22.         jQuery(this).siblings().find('.staff_overview').removeClass('inactive');
  23.     }
  24. });
My ajax function is;
  1. jQuery(".work_cat li a.ajax").click(function (f) {

  3.     var catValue = jQuery(this).attr("data-id");
  4.     jQuery("a.ajax").removeClass("current");
  5.     jQuery(this).addClass("current");        

  7.     jQuery.ajax({
  8.         type: 'POST',
  9.         url: post_ajax.ajax_url,
  10.         data: {
  11.             "action": "load-filter", 
  12.             cat: catValue 
  13.         },
  14.         beforeSend: function() {
  15.             jQuery(".height_support").animate({"height": "700px"}); 
  16.             jQuery('.cont_panel').find( '.cont_panel__img' ).fadeOut( function(){ jQuery(this).remove(); });
  17.         },
  18.         success: function(response) {
  19.             jQuery(".height_support").animate({"height": "0px"});
  20.             jQuery("#category-post-content").html(response);
  21.             // aosData();
  22.             return false;
  23.         }
  24.     });
  25.     f.preventDefault();
  26. });


Anyone came across this before and how to crack it? Cheers in advance