Hide all children DOM elements until found a <hr/>
<p>I wonder how to hide all elements until found the first <code>&lt;hr/&gt;</code>. Then the loop should stop</p>

<pre><code>    &lt;div class='row-father'&gt;
   &lt;legend&gt; Title here &lt;/legend&gt;
        &lt;div class="row-fluid"&gt;...&lt;/div&gt;
        &lt;div class="row-fluid"&gt;...&lt;/div&gt;
        &lt;hr/&gt;
        &lt;div class="row-fluid"&gt;...&lt;/div&gt;
        &lt;div class="row-fluid"&gt;...&lt;/div&gt;
        &lt;div class="row-fluid"&gt;...&lt;/div&gt;
        &lt;div class="row-fluid"&gt;...&lt;/div&gt;
        &lt;hr/&gt;
        &lt;div class="row-fluid"&gt;...&lt;/div&gt;
        &lt;div class="row-fluid"&gt;...&lt;/div&gt;
        &lt;hr/&gt;
    &lt;/div&gt;
</code></pre>

<p>...</p>

<pre><code>$('.row-father').find('*').each(function(){
    if ($(this) != '&lt;hr/&gt;')
        $(this).hide();
});
</code></pre>
