changing the color of a <div> when clicked
<p>Thanks ALOT guys! I've got it working now, thank you!</p>

<p>I have a hopefully easy question: 
This: <a href="http://jsfiddle.net/gSAjV/2/" rel="nofollow">http://jsfiddle.net/gSAjV/2/</a>
is what I want to achieve, but I can't seem to get it working.
I'm all new to javascript, so I'm not sure how to properly put the script in the html document.
I have tried the <code>&lt;script type="text/javascript"&gt;</code> and others, but it just doesn't work.</p>

<p>So i wondered if anyone would take the time to put it in a html document and get it working, and ofcourse posting the entire code. I would be very greatfull!</p>

<p>my doc:</p>

<pre><code>&lt;html&gt;
&lt;head&gt;

&lt;style&gt;
.parentDiv{
 border:1px solid black;
 padding:10px;
 width: 80px;
  margin:5px;  
    display:relative;
}


.childDiv{
  border:1px solid blue;
 height: 50px;   
    margin:10px;
}
&lt;/style&gt;

&lt;script type='text/javascript'&gt;
$('.childDiv').click(function(){
    $(this)
        .css('background-color','#00ff66')
        .siblings()
        .css('background-color','#ffffff');
});
&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;

&lt;div id="divParent1" class="parentDiv"&gt;
    Group 1
    &lt;div id="child1" class="childDiv"&gt;
        Child 1
    &lt;/div&gt;
    &lt;div id="child2" class="childDiv"&gt;
        Child 2
    &lt;/div&gt;
&lt;/div&gt;
&lt;div id="divParent2" class="parentDiv"&gt;
    Group 2
    &lt;div id="child1" class="childDiv"&gt;
        Child 1
    &lt;/div&gt;
    &lt;div id="child2" class="childDiv"&gt;
        Child 2
    &lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
