title: Issue with jQuery selector
body: <pre><code>    &lt;div class="full_width_last"&gt;
  
          &lt;div class="sub_div1" style="display:none"&gt;
              &lt;h2&gt;Join&lt;/h2&gt;
              &lt;p&gt;Click here to sign up.&lt;/p&gt;
              &lt;p&gt;ID: 48&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;h4&gt;Boston&lt;/h4&gt;
          &lt;p&gt;ioiuy&lt;/p&gt;
          &lt;a href="#" class="join_button"&gt;Join&lt;/a&gt;
  
      &lt;/div&gt;
  
      jQuery('.join_button').bind('click', function(){
  
  
  
          console.log(jQuery(this));
          console.log(jQuery(this).parent());
          console.log(jQuery('.sub_div1', jQuery(this).parent()));
          return false;
      }
  </code></pre>
  
  <p>I'm having trouble with the jQuery selector: <code>jQuery('.sub_div1', jQuery(this).parent())</code></p>
  
  <p>For some reason the library isn't finding the div I'm searching for.</p>
  
  <p>Both:</p>
  
  <pre><code>console.log(jQuery(this));
              console.log(jQuery(this).parent());
  </code></pre>
  
  <p>work as expected. Anyone know why I can't get a reference to .sub_div1?</p>
  
  <p><strong>EDIT 1</strong>:
  Tried caching the parent but this did not work:</p>
  
  <pre><code>console.log(jQuery(this));
          //console.log(jQuery(this).parent());
          var p = jQuery(this).parent();
          console.log(jQuery('.sub_div1', p));
  </code></pre>
  
  <p><strong>EDIT 2</strong>
  <code>jQuery(this).parent().children(".sub_div1")</code> also did not work</p>
  
  <p>This code produced this result:</p>
  
  <pre><code>console.log(jQuery(this));
  console.log(jQuery(this).parent());
  console.log(jQuery(this).parent().children(".sub_div1"));
  
  Query(a.join_button #✉)
  jQuery(div.full_width_last)
  jQuery()
  </code></pre>