AJAXクエリの後にjQueryが機能しない

Question

jQueryコードに問題があります。 私は、divが隠されていて、マウスがの兄弟のdivのときに表示されます。 しかし、私のAJAX関数が呼び出されると、jQueryは機能しません。

<div class="parent"> 
    <div class="theDiv" style="display:none"> 
    </div> 
    <div class="sibling"> 
    </div> 
</div> 

$('.sibling').hover(function(){ 
    $(this).parent().find('.theDiv').fadeIn('fast'); 
}); 

$('.catFilterSelect').change(function(){ 
    $.ajax({ 
    url:"load_data.php", 
    method:"POST", 
    data:{ 
     reg:a, 
     price:b, 
     type:c, 
     subject:d, 
     city:e, 
     typeSubject:typeSubject 
    }, 
    dataType:"text", 
    success:function(data){ 
     $('.catPostsBox .catPost').remove(); 
     $('.catPostsBox').append(data); 
    } 
    }); 
}) 

このスクリプトは、AJAXの前に動作しますが、それは

Answer 1

<div class="parent"> 
    <div class="theDiv" style="display:none"> 
    </div> 
    <div class="sibling"> 
    </div> 
</div> 
<script> 
$(function(){ 
    $('.sibling').hover(function(){ 
      $(this).parent().find('.theDiv').fadeIn('fast'); 
    }); 
}); 
or -- both are same 
$(document.ready(function(){ 
    $('.sibling').hover(function(){ 
      $(this).parent().find('.theDiv').fadeIn('fast'); 
    }); 
}); 

</script> 
<script> 
$(function(){ 
$('.catFilterSelect').change(function(){ 
    $.ajax({ 
    url:"load_data.php", 
    method:"POST", 
    data:{ 
     reg:a, 
     price:b, 
     type:c, 
     subject:d, 
     city:e, 
     typeSubject:typeSubject 
    }, 
    dataType:"text", 
    success:function(data){ 
     $('.catPostsBox .catPost').remove(); 
     $('.catPostsBox').append(data); 
    } 
    }); 
}) 
)}; 
</script>