不同的选择器与jQuery Prepend

Question

Fiddle

我正在建立一个社交网络，我正在显示帖子中所用的时间。问题是，当你发帖，然后几分钟后再发帖时，两个帖子都会变为零。这是因为在我的上一个问题Here中，显示已用时间的解决方案为this。这个解决方案在一个班级的帖子中有一个跨度。班上有时间。但是当有两个相同的类时，它们都变为零。

HTML：

<textarea id='type'></textarea>
<br />
<br />
<input id='input'>
<br />
<br />
<button id='b'><span class='glyphicon glyphicon-plus'></span>
</button>
<ul id='ul'></ul>

JS / jQuery的：

var postedTime;
$('#b').click(function () {
    var v = $('#type').val();
    var u = $('#input').val();
    if (v !== "" && u !== "") {
        var time = new Date();
        var currentime = Date.now();
        var x = currentime - time;
        postedTime = currentime;
        $("ul").prepend("<li>" + v + "<br />Posted by " + u + " <span class='time'>" + x + "</span> minutes ago  </li>");
        window.setInterval( function () {
          var newTime = new Date(new Date() - postedTime);
          $(".time").html(newTime.getMinutes());            
        }, 1000);
      $('#type, #input').css('border', '');
    } else if (v == "" && u == "") {
      $('#type, #input').css('border', '1px solid red');
    } else if (v == "") {
      $('#type').css('border', '1px solid red');
      $('#input').css('border', '');
    } else {
      $('#input').css('border', '1px solid red');
      $('#type').css('border', '');
    }
});

我需要一种方法来获得每个帖子的新选择器。