JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://scrapbook.beauaugust.co.uk/style.css">
<div class="wrapper"> 
<h>ScrapBook</h> 
<div class="darker"><p>&copy Beau August 2011</p></div> 
    <div class="namebar"></div> 
<div class="content"> 
    <img src="http://robgolbeck.com/demos/image-swap/image_01_thumb.jpg" id="bg"/> 
</div> 
<div class="gallery"> 
<div class='img' id='img-1'> 
    <img src='http://robgolbeck.com/demos/image-swap/image_02_thumb.jpg' /> 
</div> 
<div class='img' id='img-2'> 
    <img src='ttp://robgolbeck.com/demos/image-swap/image_03_thumb.jpg' /> 
</div> 
<div class='img' id='img-3'> 
    <img src='http://robgolbeck.com/demos/image-swap/image_04_thumb.jpg' /> 
</div> 
<div class='img' id='img-4'> 
    <img src='http://scrapbook.beauaugust.co.uk/iPhone 4 Photos/4t.jpg' /> 
</div> 
<div class='img' id='img-5'> 
    <img src='http://scrapbook.beauaugust.co.uk/iPhone 4 Photos/5t.jpg' /> 
</div> 
<div class='img' id='img-6'> 
    <img src='http://scrapbook.beauaugust.co.uk/iPhone 4 Photos/6t.jpg' /> 
</div> 

</div>

JavaScript

$(document).ready(function(){
        $('.gallery img').click(function() {
            var img = $(this).attr('src');
            $('.content img').attr('src', img);
        });
    });