title: Getting position of last child div within slides
body: <p>I am using the Dragend plugin to turn a series of web pages into slides. My HTML looks something like this:</p>
  
  <pre><code>&lt;main id="swipe-page"&gt;
      &lt;div class="dragend-page"&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="dragend-page"&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="dragend-page"&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
          &lt;div class="page-content"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/main&gt;
  </code></pre>
  
  <p>Some slides are larger than others, so I am trying to manually adjust the height using jQuery as the plugin just gives each slide a ridiculously large height.</p>
  
  <p>To attempt to do this, I am first getting the correct dragend-page slide by running this command:</p>
  
  <pre><code>$('.dragend-page').eq(this.page)
  </code></pre>
  
  <p>Now I need to get the position of the last page-content div. I attempted to do this:</p>
  
  <pre><code>$('.dragend-page').eq(this.page).children(".page-content").last()
  </code></pre>
  
  <p>But it's not returning anything. $('.dragend-page').eq(this.page) is not returning an object.</p>
  
  <p><em>this.page</em> returns the current slide (dragend-page div) the user is on</p>
  
  <p>So how would I manually adjust the height? Is there a better way to do this?</p>