jquery setting hovers within a loop

[astralaaron]

Hello,

 

I'm having a bit of trouble with jquery.

 

I have something similar to the following:

function someFunction( i ){ 

for(var x = 0; x < numOfPosts; x++) {

		var callbackA = function() {
			console.log('set i=' + i + ' x=' + x);	
		};

		var callbackB = function() {
						console.log('set i=' + i + ' x=' + x);
		};
					
		
		$( element ).hover( callbackA , callbackB );	

}

}

The issue I am having is that x is always equal to the "numOfPosts" for each iteration. Anything obvious that I am doing incorrectly? Thanks everyone for reading.

[astralaaron]

I was able to fix this by creating a function with the jquery inside it, passed the i/x parameters in to that function and it works.