title: Jquery .next() not working as expected
body: <p>So I've got this html  </p>
  
  <pre><code>                &lt;div id="content_div"&gt;
                      &lt;div&gt;
                          &lt;img src=""/&gt;
                          &lt;img src="" /&gt;
                          &lt;img src="" /&gt;
                          &lt;div class="test"&gt;
  
                          &lt;/div&gt;
                          &lt;img src="" /&gt;
                          &lt;img src="" /&gt;
                          &lt;img src="" /&gt;
                          &lt;div class="test"&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>And this Jquery</p>
  
  <pre><code>            $("#content_div &gt; div &gt; img").click(function()
              {
                  $(this).next("div").slideDown();
              });
  </code></pre>
  
  <p>When I click on image ( Which I have in my code, not here though) I am expecting next div(after clicked image) to slidedown but nothing happens. I'm almost sure that I'm selecting it wrong because if I change $(this).next("div").slideDown(); to $(".test").slideDown(); it works, though both divs opens and I just want to open one, what's the problem? (I have a proper css, so that's not the case)</p>