Changing div class within set
<p>I have the following html and I want to change the divs around onclick.  For example:   </p>

<p>Initial</p>

<pre><code>&lt;div class="box1"&gt;Story 1&lt;/div&gt;
&lt;div class="box2"&gt;Story 2&lt;/div&gt;
&lt;div class="box2"&gt;Story 3&lt;/div&gt; 
&lt;div class="box2"&gt;Story 4&lt;/div&gt;  
</code></pre>

<p>When I click on Story 2, it becomes</p>

<pre><code>&lt;div class="box2"&gt;Story 1&lt;/div&gt;
&lt;div class="box1"&gt;Story 2&lt;/div&gt;
&lt;div class="box2"&gt;Story 3&lt;/div&gt; 
&lt;div class="box2"&gt;Story 4&lt;/div&gt;  
</code></pre>

<p>So .. whichever div is clicked will take the property of box1 and the others will become box2.  Is it possible?</p>
