title: DIV appear on click (multiple areas)
body: <p>Currently, I have a DIV that, when you click on it, another DIV appears.  Works fine.  However, if I try to add the same id's down the page a bit to do the effect again, I get nothing.  Here is my script:</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
    $("#click").click(function(){
      $("#fade").fadeToggle();
    });
  });
    &lt;/script&gt;
  </code></pre>
  
  <p>and then in the HTML I have:</p>
  
  <pre><code>&lt;div id="click"&gt;Click Here!
  &lt;div id="fade"&gt;CONTENT HERE
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>which I said, work fine, until I try to do it again.  Is there a way to make it so I can do this as many times as I want without rewriting the script with different id's (there has to be a more efficient way than that)</p>