Updating each data attribute on page
<p>I have a series of <code>a</code> tags on page. They are all the same, something like this:</p>

<pre><code>&lt;a class="follow-user 50126cec60de7d7467000003" data-followers_count="1 Follower" href="#"&gt;
Test User
&lt;/a&gt;
</code></pre>

<p>I'm trying to iterarte through all the elements of <code>a</code> and changing the <code>data-followers_count</code>. I'm unable to do so even though no errors are returned.</p>

<pre><code>$("body").on("click", ".btn-follow", function(e) {
    var el, linkContent;
    e.preventDefault();
    el = $(this);
    user_id = '50126cec60de7d7467000003';
    linkContent = $(document).find('.follow-user.' + user_id);
    $.each(linkContent, function(index) {
        $(this).data('followers_count', 'new count');
        //alert('Changed to ' + $(this).data('followers_count'));
    });
});​
</code></pre>

<p>Here's the jsFiddle: <a href="http://jsfiddle.net/netwire88/Zrrvq/2/" rel="nofollow">http://jsfiddle.net/netwire88/Zrrvq/2/</a> </p>

<p>Any ideas?</p>
