title: jQuery: select next div outside of parent div
body: <p>Ok, I feel like I"m missing something really simple but here goes:</p>
  
  <p>This code works great, exactly the way I want it to. You click the link and the next div is revealed (There are about 10 of these on a page)</p>
  
  <pre><code>    $('a.addtask').click(function(){
        $(this).next('.field').slideToggle();
      return false;
      });
  
    &lt;div class="field"&gt;
     Some content
    &lt;/div&gt;
  
    &lt;a href="#" class="addtask"&gt;Add a task&lt;/a&gt;
  
    &lt;div class="field" style="display:none;"&gt;
      some other content
    &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do however is change the HTML like so (link inside the div):</p>
  
  <pre><code>&lt;div class="field"&gt;
     Some content
     &lt;a href="#" class="addtask"&gt;Add a task&lt;/a&gt;
    &lt;/div&gt;
  
  
    &lt;div class="field" style="display:none;"&gt;
      some other content
    &lt;/div&gt;
  </code></pre>
  
  <p>^^Which doesn't work properly anymore.</p>
  
  <p>What do I need to change in my jquery to make this work? I've been googling for a while now and a number of solutions in similar posts dont seem to be working.</p>