title: Why jQuery next can't find the next div?
body: <p>I want to create a page for FAQs and used jQuery to show each answer. But it does not work.<br>
  The format of each question-answer is like this:  </p>
  
  <pre><code>&lt;div&gt;&lt;a href="javascript:void(0)" class="expand"&gt;First Question&lt;/a&gt;&lt;/div&gt;
  &lt;div class="answer" style="display:none"&gt;First Answer&lt;/div&gt;  
  </code></pre>
  
  <p>And the jQuery code that I have used is:  </p>
  
  <pre><code>$(".expand").click(function(){
      $(this).next('.answer').slideToggle();
  });
  </code></pre>
  
  <p>Is it wrong? You can see its <a href="http://jsfiddle.net/p3sFh/1/" rel="nofollow">jsFiddle</a> too.</p>