jQueryで動的生成させた複数要素のn番目を取得したい

Question

動的に特定要素を複製させた後、クリックされた要素が何番目か取得したいです。

【jQuery記述】

clone = $('ul#aaa').html();
for (var i=1 ; i <= 10 ; i++){
	$('ul#aaa').append(clone);
}

$(document).on('click', 'ul#aaa li', function (e) {
    var select = $('ul#aaa li').index(this);
     alert(select );

}

【html記述】

<ul id="aaa">
<li>●</li>
</ul>

上記の様にHTMLファイルには1つしかない<li>タグ内の記述をコードでは10個複製してこの複製された要素のクリックした際にindex関数で何番目の<li>要素がクリックされたか取得したいのですが、最初に静的記述をした<li>タグ以外は"-1"が返ってきてしまいます。

正確にn番目をとるためのご教授、宜しくお願いします。

Comments

[Lhankor_Mhy]

当方で試したところ、動作しました。ここに記述されていない部分に原因はありませんか？

[sika]

サンプルコードは動くのは確認済みだったのですが
本番環境では指定要素となる$('ul#aaa li')を複数個所で使用するため、
あらかじめ変数XXXとして宣言しており、
index関数で取得の際に
var select = XXX.index(this);
と記述していたのが通らなかった様です。
確認ありがとうございました。

Answer 1

自己解決されましたか？
もしそうであれば解決済みにしていただけると幸いです。

自分のローカルで検証してしまって「解決してるんかーい！」ってなったので（笑）

Comments

[sika]

失礼致しました。
自己解決の場合はどう終了するのかわからなかったのですが
自分にベストアンサーをつけるちょっと不自然な仕様なんですね

[MasakazuFukami]

おそらく自己解決するボタンとかあった気がします！
何より質問が解決されてよかったですね！

Answer 2

サンプルコードは動くのは確認済みだったのですが
本番環境では指定要素となる$('ul#aaa li')を複数個所で使用するため、
あらかじめ変数XXXとして宣言しており、 index関数で取得の際に

var select = XXX.index(this); 

と記述していたのが通らなかった様です。