jQuery - JQ changing the text of a span

<span id="scr591236" data-my-score="some html in here" data-team-score="some html in here as well" class="social_stats">some text in here</span>
<span id="scr597405" data-my-score="some html in here" data-team-score="some html in here as well" class="social_stats">some text in here</span>

$("#scr591236, #scr597405").mouseover(function () {
		var $this = $(this);
		$this.fadeTo(500, 0, function() {
			$this
			  .hide()
			  .html($this.data("team-score"))
			  .show()
			  .fadeTo(500, 1); 
		});

// Target all elements with a class of 'social_stats'
$(".social_stats").on('mouseover',function(){
$this = $(this);

// When hovered over, fade out in 500 milliseconds
$this.fadeOut(500,function(){
$this.html( $this.data("team-score") );
}).fadeIn(500);

});