Noobie Jquery Question
<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>
