jQuery: prev (& lt; selector & gt;) ne fonctionne pas?

Je vais avoir de la difficulté à utiliser prev() en jQuery où il n'est pas de sélectionner le bon élément.

Mon HTML structure est comme suit:

<section id="about">
    ...
</section>
<hr>
<section id="contact">
    ...
</section>

"Active" de la section est le numéro contacter. Je veux choisir la section précédente sautant sur les <hr>

active = active.prev('section') ne semble pas fonctionner. Je pense que j'ai peut-être la lecture de la documentation de mal...

Si je sors de l' <hr> tout fonctionne à merveille. Aucune idée sur la façon d'ignorer la <hr> sur prev()?

TIA

source d'informationauteur cp3