$(document).ready(function() {
 	$('.fadeOne').append('<span class="hover"></span>').each(function () {
 	  var $span = $('> span.hover', this).css('opacity', 0);
 	  $(this).hover(function () {
 	    $span.stop().fadeTo(250, 1);
 	  }, function () {
 	    $span.stop().fadeTo(500, 0);
 	  });
 	});
 
 });

 $(document).ready(function() {
 	$('.fadeTwo').append('<span class="hover"></span>').each(function () {
 	  var $span = $('> span.hover', this).css('opacity', 0);
 	  $(this).hover(function () {
 	    $span.stop().fadeTo(250, 1);
 	  }, function () {
 	    $span.stop().fadeTo(500, 0);
 	  });
 	});

 });

 $(document).ready(function() {
 	$('.fadeThree').append('<span class="hover"></span>').each(function () {
 	  var $span = $('> span.hover', this).css('opacity', 0);
 	  $(this).hover(function () {
 	    $span.stop().fadeTo(250, 1);
 	  }, function () {
 	    $span.stop().fadeTo(500, 0);
 	  });
 	});

 });

 $(document).ready(function() {
 	$('.fadeFour').append('<span class="hover"></span>').each(function () {
 	  var $span = $('> span.hover', this).css('opacity', 0);
 	  $(this).hover(function () {
 	    $span.stop().fadeTo(250, 1);
 	  }, function () {
 	    $span.stop().fadeTo(500, 0);
 	  });
 	});

 });

 $(document).ready(function() {
 	$('.fadeFive').append('<span class="hover"></span>').each(function () {
 	  var $span = $('> span.hover', this).css('opacity', 0);
 	  $(this).hover(function () {
 	    $span.stop().fadeTo(250, 1);
 	  }, function () {
 	    $span.stop().fadeTo(500, 0);
 	  });
 	});

 });

 $(document).ready(function() {
 	$('.fadeSix').append('<span class="hover"></span>').each(function () {
 	  var $span = $('> span.hover', this).css('opacity', 0);
 	  $(this).hover(function () {
 	    $span.stop().fadeTo(250, 1);
 	  }, function () {
 	    $span.stop().fadeTo(500, 0);
 	  });
 	});

 });

// ================
// = EXTRA STYLES =
// ================

$(document).ready(function() {
	$('.fadeSeven').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(250, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});

});

$(document).ready(function() {
	$('.fadeEight').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(250, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});

});

$(document).ready(function() {
	$('.fadeNine').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(250, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});

});

$(document).ready(function() {
	$('.fadeTen').append('<span class="hover"></span>').each(function () {
	  var $span = $('> span.hover', this).css('opacity', 0);
	  $(this).hover(function () {
	    $span.stop().fadeTo(250, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});

});