title: Hover over ol and affect another specific element on same page with multiple versions
body: <p>I've been playing around with this for a while, but just can't figure it out.</p>
  
  <p>But to be honest, I'm fairly new to javascript so this might be an obvious one.</p>
  
  <p>I have an aside with a ol that you hover-over and affects a related image on the page.
  This works fine but I wanted to have multiple versions of this same component. One for events, another for articles etc.</p>
  
  <p>If I hover over one component it affects the other.</p>
  
  <p>Thanks for the help in advance.</p>
  
  <p>Please see my codepen
  <a href="http://codepen.io/veryrobert/pen/DjqLH" rel="nofollow">http://codepen.io/veryrobert/pen/DjqLH</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="wrap"&gt;
  
   &lt;aside class="aside"&gt;
    &lt;ol class="list1"&gt;
     &lt;li class="item1"&gt;&lt;a href=""&gt;Lorem ipsum dolor sit amet.&lt;/a&gt;&lt;/li&gt;
     &lt;li class="item2"&gt;&lt;a href=""&gt;Lorem ipsum dolor sit amet.&lt;/a&gt;&lt;/li&gt;
     &lt;li class="item3"&gt;&lt;a href=""&gt;Lorem ipsum dolor sit amet.&lt;/a&gt;&lt;/li&gt;
    &lt;/ol&gt;  
   &lt;/aside&gt;
  
  &lt;ul class="list2"&gt;
    &lt;li class="item1"&gt;&lt;a href=""&gt;
     &lt;img src="http://placekitten.com/100/140" alt="" /&gt;&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="item2"&gt;&lt;a href=""&gt;
     &lt;img src="http://placekitten.com/100/140" alt="" /&gt;&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="item3"&gt;&lt;a href=""&gt;
     &lt;img src="http://placekitten.com/100/140" alt="" /&gt;&lt;/a&gt;
    &lt;/li&gt;
   &lt;/ul&gt;  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code>$('.list1 li').each(function(){
          $(this).hover(function() {
            var index = $(this).index();
            $(".list1, .list2").each(function() {
              $("li", this).eq(index).toggleClass("active");
            });
          });
      });
  </code></pre>
  
  <p>Please see my codepen
  <a href="http://codepen.io/veryrobert/pen/DjqLH" rel="nofollow">http://codepen.io/veryrobert/pen/DjqLH</a></p>