title: Get parent of clicked element and find a child with class
body: <pre><code>&lt;div class="container"&gt;
      &lt;div&gt;
           &lt;div&gt;
               &lt;div class="circle"&gt;&lt;/div&gt;
           &lt;/div&gt;
      &lt;/div&gt;
      &lt;div&gt;
           &lt;div&gt;
               &lt;div class="square"&gt;&lt;/div&gt;
           &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The above is a simple and reduced example of my code.</p>
  
  <p>On click of circle I need to get square. The above code block appears a few times on my page. So I need to get the parent of element clicked and find it's square child.</p>
  
  <p>I have tried both of these:</p>
  
  <pre><code>$('.circle').click(function(e){
      $(this).closest('.container').find('.square');
      $(this).parents('.container').find('.square');
  });
  </code></pre>
  
  <p>How can I find the square using jquery?</p>