title: when element is clicked get the index and then pass that to trigger another event
body: <p>I have lots of duplicated parents each with 8 .fader-empty divs inside.   I am trying to get the number of the child div when clicked (which seems to be working) but then I am trying to pass the index number so that I can add a class to each 2nd parent with the the same index.</p>
  
  <p>So for example I click on the 3rd child div. It should grap the 2nd parent and add a class (highlight) the 3rd child div in that one also.</p>
  
  <p>I hope that makes sense.</p>
  
  <p>This is all I could manage so far:</p>
  
  <pre><code>$('.fader-empty').click(
      function(){
          var index = $(this).index();
          alert(index);
          $('.fader-section').find('.fader-empty:nth-child(3)').addClass('shoo');
  
  });
  </code></pre>
  
  <p>This is a <a href="http://jsfiddle.net/susannalarsen/58d6e3gx/" rel="nofollow"><strong>Demo Fiddle</strong></a>.</p>