jquery - 一意の要素 ID

Question

一意の要素 ID に問題がありますか?

ここで何が間違っていますか？

http://jsfiddle.net/KRRES/

HTML:

<div id='gmapItemHolder'></div>

<button id='btnCreateMarker'>Add</button>

Jクエリ:

$("#btnCreateMarker").click(function () {
    i = 1;
    var gmapItemsHolder = "gmapItems" + i++;

    $('<ul>' + '</ul>')
        .attr({id: gmapItemsHolder, class: 'gmapUlHolder row-fluid'}).prependTo('#gmapItemHolder')
}); 

アップデート：

何が起こっているのかというと、新しく作成されたすべての ul が ID 1 を取得するということです

Answer 1

これを試して：

var i =jQuery("#gmapItemHolder").children().length + 1;
var gmapItemsHolder = "gmapItems" + i;

それ以外の：

i = 1;
var gmapItemsHolder = "gmapItems" + i++;