jQuery :выбрать следующий div за пределами родительского div

Хорошо, я чувствую, что упускаю что-то очень простое, но вот:

Этот код отлично работает, именно так, как я хочу. Вы нажимаете на ссылку, и открывается следующий div (Их около 10 на странице)

    $('a.addtask').click(function(){
      $(this).next('.field').slideToggle();
    return false;
    });

  <div class="field">
   Some content
  </div>

  <a href="#" class="addtask">Add a task</a>

  <div class="field" style="display:none;">
    some other content
  </div>

Однако я хочу изменить HTML-код так (внутри div):

<div class="field">
   Some content
   <a href="#" class="addtask">Add a task</a>
  </div>


  <div class="field" style="display:none;">
    some other content
  </div>

^^ Который больше не работает должным образом.

Что мне нужно изменить в моем jquery, чтобы это заработало? Я некоторое время гуглил, и ряд решений в подобных сообщениях, похоже, не работают.