Unresponsive Fade-In Fade-Out in Jquery
<p>I am implementing a twitter-style follow/unfollow functionality with the following jquery.</p>

<pre><code>$(function() {
    $(".follow").click(function(){
        var element = $(this);
        var I = element.attr("id");
        var info = 'id=' + I;
        $("#loading").html('&lt;img src="loader.gif" &gt;');

        $.ajax({
            type: "POST",
            url: "follow.php",
            data: info,
            success: function(){
                $("#loading").ajaxComplete(function(){}).slideUp();
                $('#follow'+I).fadeOut(200).hide();
                $('#remove'+I).fadeIn(200).show();
            }
        });
        return false;
    });
});
</code></pre>

<p>I have a similar unfollow function. However i have the following problem:</p>

<p>When I have <code>N</code> items <code>{1,2..i.N}</code> each with <code>id = followi</code> and I click on the follow button. I find that some of the items respond while others do not. I suspect it is a pure javascript issue...otherwise i figure none of the buttons would respond at all.</p>

<p>Is it a timing issue...all help is appreciated. Also i'd appreciate it if you could point me to a simpler method.</p>

<p>Thanks!</p>
