title: What is the difference between a multi-part jQuery selector like $('.element .childElement') and $('.element').find('.childElement')
body: <p>I might be confused but it seems like sometimes one of these two ways works when the other one fails.</p>
  <p>Let's say the html is like this:</p>
  <pre><code>&lt;div class=&quot;content&quot;&gt;
      &lt;div class=&quot;nestedDeep&quot;&gt;
          &lt;div class=&quot;clickMe&quot;&gt;ClickMe&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/br&gt;
  
  &lt;div class=&quot;clickMe&quot;&gt;ClickMe&lt;/div&gt;
  </code></pre>
  <p>Am I imagining it or is there a clear difference between saying:</p>
  <pre><code>&lt;script&gt;
  
  
      $('.content .clickMe').click(function () {
  
          alert('you clicked');
  
      }); 
  
  
  &lt;/script&gt;
  </code></pre>
  <p>Or saying:</p>
  <pre><code>&lt;script&gt;
  
  
      $('.content').find('.clickMe').click(function () {
  
          alert('you clicked');
  
      })
  
  
  &lt;/script&gt;
  </code></pre>
  <p>Is one of those methods preferable over the other and if so, what's the main difference?</p>