JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">
<img src="http://www.markcarson.com/images/SunBird-4-200x200.png" class="default-img"  />
<img src="http://www.instructables.com/files/deriv/FIL/W42S/FM68F5IM/FILW42SFM68F5IM.MEDIUM.jpg" class="hover-img"  />
</a>

<a href="#">
<img src="http://fak3r.com/wp-content/uploads/2009/12/chrome-icon-200x200.jpg" class="default-img"  />
<img src="http://www.bizreport.com/2011/02/03/android-logo-200x200.jpg" class="hover-img"  />
</a>

JavaScript

$(document).ready(function() {
	$('.hover-img').hide();
	$("a").mouseenter( function (){
		$('.default-img', this).hide();
		$('.hover-img', this).show();
	});
	$("a").mouseleave( function (){		
		$('.default-img', this).show();
		$('.hover-img', this).hide();
	});
});