无法在AJAX中触发此jQuery

I'm trying to use this jQuery $projectWrapper.find('#test').html($("figure[style='position: absolute; top: 0px; left: 700px; z-index: 5; height: auto; cursor: pointer;'] img").attr('src'));

Inside this AJAX function that's used in a slider.

Basically each time there's a click to navigate pre or next I need to update or re fire my jQuery above so that the #test html is updated. I tried placing my jQuery as you'll see below the var $navLinksDiv but it's not firing at all. How can I re-write this function so my jquery fires on each click and update the #test ID's html?

Thanks

function eQsliderNavInit() {

    var $navLinksDiv = $( '#slides #next-prev-links img' );
    $projectWrapper.find('#test').html($("figure[style='position: absolute; top: 0px; left: 700px; z-index: 5; height: auto; cursor: pointer;'] img").attr('src'));
    var sliderHoverOverFunction = function() {
        if ( !$( 'body' ).hasClass('ie8') ) {
            $navLinksDiv.stop().animate( { opacity: 0.5 }, 200, 'easeInOutExpo' );
        }
        else {
            $navLinksDiv.css('visibility', 'visible');
        }
    } 

    var sliderHoverOutFunction = function() {
        if ( !$( 'body' ).hasClass('ie8') ) {
            $navLinksDiv.stop().animate({ opacity: 0 }, 450, 'easeInOutCubic');         
        }
        else {
            $navLinksDiv.css('visibility', 'hidden');
        }   
    } 

    $( '.slider' ).hover( sliderHoverOverFunction, sliderHoverOutFunction );

}