title: Getting text of next sibling with jQuery
body: <p>I am trying to get the next Section Project Title <code>.section .project-title</code> and echo it out.</p>
  
  <p>My markup has been stripped back for ease of reading here but it is there in structure. I am able to grab the section project title under the <code>.section.active</code> div but not sure on how to grab the <strong><em>next</em></strong> project title? </p>
  
  <p>Please note that the <code>.active</code> class changes when the user scrolls down the page to each section, so I also need it to be dynamic.</p>
  
  <pre><code>&lt;div id="fullpage"&gt;
      &lt;div class="section active"&gt;
          &lt;div&gt;
              &lt;h1 class="project-title post-title"&gt;Section Title One&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;  &lt;!-- .section --&gt;
  
      &lt;div class="section"&gt;
          &lt;div&gt;
              &lt;h1 class="project-title post-title"&gt;Section Title Two&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;  &lt;!-- .section --&gt;
  
      &lt;div class="section"&gt;
          &lt;div&gt;
              &lt;h1 class="project-title post-title"&gt;Section Title Three&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;  &lt;!-- .section --&gt;
  &lt;/div&gt;  &lt;!-- #fullpage --&gt;
  </code></pre>
  
  <p>I did try something along these lines with no luck:</p>
  
  <pre><code>var indexNext = jQuery('.section.active').parent().siblings().find('project-title').html();
  </code></pre>