Javascript Twitch页面上每个用户名的实时状态

我想显示我的锚链接中的twitch用户名是在线还是离线。问题是我在网站上会有多个用户名，而我的代码只适用于第一个

var tnick = $('#ltwitch').data('tnick');
$.getJSON("https://api.twitch.tv/kraken/streams/"+tnick+".json?callback=?", function(c) {
    if (c.stream == null) {
        $("#live").html("Offline");
    } else {
        $("#live").html("Online");
    }
});

这是我的html：（可以更改）

（…）
(...)

任何帮助都将不胜感激。谢谢。

---

ID必须是唯一的。您将需要选择该元素的所有实例并逐个迭代。谢谢，这是一个简单的错误。。。真不敢相信我记下了多个身份证。

<a id="ltwitch" href="#" data-tnick="name1">x</a> (<span id="live">...</span>)
<a id="ltwitch" href="#" data-tnick="name2">x</a> (<span id="live">...</span>)

jQuery(document).ready(function($) {
$('.ltwitch').each(function () {
    var tnick = $(this).data('tnick');
    var span = $(this).next();
    $.getJSON("https://api.twitch.tv/kraken/streams/"+tnick+".json?callback=?",       function(c) {
        if (c.stream == null) {
            span.html("Offline");
        } else {
            span.html("Online");
        }
    });
});
});