title: jQuery select next div
body: <p>so code looks like this:
  How can I change div1 when hovering over current link1 ?</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;
          &lt;a class='link1'&gt;&lt;/a&gt;
          &lt;a class='link2'&gt;
              &lt;div class='div1'&gt;&lt;/div&gt;
              &lt;div class='div2'&gt;&lt;/div&gt;
          &lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;a class='link1'&gt;&lt;/a&gt;
          &lt;a class='link2'&gt;
              &lt;div class='div1'&gt;&lt;/div&gt;
              &lt;div class='div2'&gt;&lt;/div&gt;
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I tried like this:</p>
  
  <pre><code>$(".link1").hover(
  function () {
          $(this).nextAll('.div1').css('display','block');
          ...
      },
  
      function () {
          ...
      }
  );
  </code></pre>