title: Removing last image via jQuery
body: <p>I would like to add an image at the end of each "booklist" within the "genre" div, but remove it for the last "booklist" within each genre. The following code is it adding just fine, but I'm messing something up when it comes to the removal. It's only removing the last image from the last .booklist on the page.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;div class="genre"&gt;
  
      &lt;div class="booklist"&gt;
      &lt;!-- stuff --&gt;
      &lt;/div&gt;&lt;!-- .booklist --&gt;
  
      &lt;div class="booklist"&gt;
      &lt;!-- stuff --&gt;
      &lt;/div&gt;&lt;!-- .booklist --&gt;
  
  &lt;/div&gt;&lt;!-- .genre --&gt;
  
  &lt;div class="genre"&gt;
  
      &lt;div class="booklist"&gt;
      &lt;!-- stuff --&gt;
      &lt;/div&gt;&lt;!-- .booklist --&gt;
  
      &lt;div class="booklist"&gt;
      &lt;!-- stuff --&gt;
      &lt;/div&gt;&lt;!-- .booklist --&gt;
  
   &lt;/div&gt;&lt;!-- .genre --&gt;
  </code></pre>
  
  <p>And this is my jQuery:</p>
  
  <pre><code>// ADD HEART DIVIDER BETWEEN SERIES ON BOOK PAGE
  $(".genre .booklist").append("&lt;img class='hr' src='"+my_home_object.my_stylesheet_path+"/images/heart-hr.png' /&gt;");
  $(".genre .booklist:last img:last").remove();
  </code></pre>
  
  <p>Thank you for your help!</p>