title: jQuery - Change CSS of one element from many with same class identification
body: <p>I am working around a simple jQuery script that is changing the backgroud color of an element when clicked.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
  
  &lt;div class="radio"&gt;Text1&lt;/div&gt;
  &lt;div class="radio"&gt;Text2&lt;/div&gt;
  &lt;div class="radio"&gt;Text3&lt;/div&gt;
  &lt;div class="radio"&gt;Text4&lt;/div&gt;
  </code></pre>
  
  <p>I want the following to happen:</p>
  
  <p>I click on "Text1" and this div is changing his background color to red and stay red.</p>
  
  <p>I click on "Text2" and the background color of "Text1" is going back to white and then the background color of "Text2" is going and stay red.</p>
  
  <p>I hope i give you a good description.</p>
  
  <p>Can you help me make it ?</p>
  
  <p>Thanks in advance!</p>