title: jQuery hide other <div>, not this <div>
body: <p>I'm generating several divs with id="RG":</p>
  
  <pre><code>&lt;div id="rg"&gt;&lt;/div&gt;
  &lt;div id="rg"&gt;&lt;/div&gt;
  &lt;div id="rg"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>If I was to click on the first div, how could I hide every div but the div clicked.</p>
  
  <pre><code>&lt;div id="rg"&gt;&lt;/div&gt; &lt;-- Clicked (Keep)
  &lt;div id="rg"&gt;&lt;/div&gt; &lt;-- Hide
  &lt;div id="rg"&gt;&lt;/div&gt; &lt;-- Hide
  </code></pre>