title: jQuery create function and call it on each separately
body: <p>Hey guys I'm trying to create a function and call it inside another each loop.  I got it to work, but the each loop is not working.  So I tried to add an extra <code>$(this)</code> and it didn't work either...any help is appreciated.</p>
  
  <pre><code>.moveClass {
  position:relative;
  }
  
  $(function() {
  
  $('.a_projectLoad').each(function(evt){
      $(this).hover(function(){
          $(this).slideRight();
      });
  });
  
  });
  
  function slideRight () {
      $('.img_rightArrow')
          .addClass('moveClass')
          .animate({"left": "+=50px"}, "fast");
  }
  
  &lt;table&gt;
               &lt;tr&gt;
                  &lt;td&gt;&lt;a href="#" class="a_projectLoad"&gt;Title Goes Here&lt;/a&gt;&lt;/td&gt;
                  &lt;td &gt;&lt;img src="images/btn_loadProject.png" class="img_rightArrow"/&gt;&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                  &lt;td&gt;&lt;a href="#" class="a_projectLoad"&gt;Title Goes Here&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;img src="images/btn_loadProject.png" class="img_rightArrow"/&gt;&lt;/td&gt;
                &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>