title: Noobie Jquery Question
body: <p>I've been working with Jquery fro a grand total of two hours now.  Up until this point I have made this really simple FAQ page.</p>
  
  <pre><code>&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  $("#void").click(function(event)
       {
          event.preventDefault();
      });
  
    $('#faq').find('dd').hide().end().find('dt').click(function() {
   $(this).next().slideToggle();   
  });
  
  });
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>
    </p>
  
  <pre><code>    &lt;dl id="faq"&gt;
          &lt;dt&gt;&lt;a href="" id="void"&gt;Coffee&lt;/a&gt;&lt;/dt&gt;
              &lt;dd&gt;- black hot drink&lt;/dd&gt;
      &lt;dt&gt;&lt;a href="" id="void"&gt;Milk&lt;/a&gt;&lt;/dt&gt;
          &lt;dd&gt;- white cold drink&lt;/dd&gt;
      &lt;/dl&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>The problem is only the first item is working.  My questions are, why is only the first entree working and how do I fix it?  I've tried using an each() but I am unsure where to put it.  </p>