Can anyone explain this bizarre behavior in jQuery next?
<p>It works:</p>

<pre><code>&lt;div class="xpav"&gt;
    Create
&lt;/div&gt;
&lt;div class="apr" style="display: none;"&gt;
    sometext
&lt;/div&gt;

&lt;script&gt;
$('.xpav').click(function() {
    $(this).next(".apr").slideDown("fast");    
})
&lt;/script&gt;
</code></pre>

<p>It doesn't:</p>

<pre><code>&lt;div class="xpav"&gt;
    Create
&lt;/div&gt;
&lt;br /&gt;
&lt;div class="apr" style="display: none;"&gt;
    sometext
&lt;/div&gt;

&lt;script&gt;
$('.xpav').click(function() {
    $(this).next(".apr").slideDown("fast");    
})
&lt;/script&gt;
</code></pre>

<p>Why <br /> breaks it?</p>
