title: Add class to odd items in dynamic list after more have loaded
body: <p>I'm trying to add a class to every odd numbered item in a dynamic list. I am doing it on page load with this (which is working):</p>
  
  <pre><code>$("#MoreArticles .gridItem:nth-child(odd)").addClass("leftItem");
  </code></pre>
  
  <p>There is a "Show More" button at the bottom, how I can go back through all of the visible items when more are loaded? I've tried simply doing it on click but that doesn't work:</p>
  
  <pre><code>$("#LoadMore").click(function() {
     $("#MoreArticles .gridItem:nth-child(odd)").addClass("leftItem");
  });
  </code></pre>
  
  <p>I'm guessing I need to run a for each loop or something once more are loaded but I'm not sure how to do that. Any help would be much appreciated!</p>