title: jQuery find all elements with class beneath parent, even in children elements
body: <p>Here is some sample HTML:</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;div class="searchEl"&gt;&lt;/div&gt;
      &lt;div class="searchEl"&gt;&lt;/div&gt;
      &lt;div class="child"&gt;
          &lt;div class="searchEl"&gt;&lt;/div&gt;
          &lt;div class="searchEl"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is a jQuery function:</p>
  
  <pre><code>$(function(){
      $(".parent&gt;.searchEl").each(function(){
          $(this).html("Found this one");
      });
  });
  </code></pre>
  
  <p>The DOM elements will end up like so:</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;div class="searchEl"&gt;Found this one&lt;/div&gt;
      &lt;div class="searchEl"&gt;Found this one&lt;/div&gt;
      &lt;div class="child"&gt;
          &lt;div class="searchEl"&gt;&lt;/div&gt;
          &lt;div class="searchEl"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Using jQuery/Javascript, how can I search for and find all the elements with class <code>.searchEl</code> beneath the element <code>.parent</code>, even if they are within another child element, without searching the document globally with <code>$(".searchEl")</code>?</p>