Jquery hover not working after Ajax content is loaded
<p>I am having an issue where a hover event I have does not work after an ajax load, it only works on initial page load... This is the code I am using currently:</p>

<pre><code>    $(".table tbody tr").hover(
        function () {
            $(this).children('td').children('.operation').children('.btn-group').fadeIn();
        },
        function () {
            $(this).children('td').children('.operation').children('.btn-group').fadeOut();
        }
    );
</code></pre>

<p>I know that I need to use the $(document).on() as the selector but I am unsure of the correct syntax to do the functionality as in original code. Any help appreciated</p>
