JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<img id='1' class="image" src="http://ww1.prweb.com/prfiles/2014/04/10/11752526/gI_134971_best-image-web-hosting.png">
<img id='2' class="image" src="http://ww1.prweb.com/prfiles/2014/04/10/11752526/gI_134971_best-image-web-hosting.png">
<img id='3' class="image" src="http://ww1.prweb.com/prfiles/2014/04/10/11752526/gI_134971_best-image-web-hosting.png">
</div>
<div class='test'></div>

CSS

.image {
  width: 100px;
  height:100px;
  float:left;
  margin:10px;
}
.selected {
  border:3px solid #00ff00;
}

JavaScript

$(".image").on('click', function(){
	$('.image').removeClass('selected');
  $(this).addClass('selected');
  sendToDatabase($(this).attr('id'));
});

function sendToDatabase(data) {
	$('.test').text("adding to database element " + data);
	//$.post(url,{id: data}, function(){
	//    
	//});
}