jQuery create function and call it on each separately
<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>
