JSFiddle - React, Tailwind, and code Playground

HTML

<div id="left_box">

<ul id="thumbnails">
<li>
    <div class="photocontainer">
        <img class="photo" id="website1" src="http://i.imgur.com/tXcc5HO.jpg" alt="Click to see enlarged image" />
    </div>
</li>
<li>
    <div class="photocontainer">
        <img class="photo" id="website2" src="http://i.imgur.com/GTTs84g.jpg alt="Click to see enlarged image" />
    </div> 
</li>
</ul>
</div>

CSS

ul { list-style-type:none; }
img {width:150px;margin:15px;border:solid 5px #ccc;}

JavaScript

$(document).on('click',".photocontainer img", function() {
	alert('You Clicked It!');
});