変数のあたりが増えない

Question

jquery.pepにて要素を次々に生成しようとしています。

//要素カウント用の変数を準備
var pn1 = 1;
//ボタン１アクション	
$(function(){
	$("#btn1").click(function(){
		//ブロックの生成
		$("div#born").css("position","absolute");
		var random4 = Math.floor( Math.random() * wsize + 50 ) + 50;
		$("div#born").offset({ top: hsize/10 * 1, left: random4 });
		$("div#born").append('<div class="pep peppable"><img id="pin1' + pn1 + '" src="img/1.png" alt="一円" height="' + hsize/8 + '" style="position: absolute; z-index: 4;"></div>');
		pn1++;
		var ID = "#" + "pin1" + (pn1---1);
		console.log(pn1 + "　pn1の値です");
		console.log(ID + "　IDです");
		$('.pep.peppable').pep({
          droppable: '.droppable',
          overlapFunction: false,
          useCSSTranslation: false,
          start: function(ev, obj){
            obj.noCenter = false;
          },
          drag: function(ev, obj){
            var vel = obj.velocity();
            var rot = (vel.x)/5;
            rotate(obj.$el, rot);
          },
          stop: function(ev, obj){
            rotate(obj.$el, 0);
			  var offsetTop = $(ID).offset().top;
			  var offsetLeft = $(ID).offset().left;
			 console.log(ID);
			 console.log("上から" + offsetTop);
			 console.log("左から" + offsetLeft);
			
			
			//handleCentering(ev, obj);
          },
          rest: handleCentering,
        });
		addPep();
		$("div#born").offset({ top: 10, left: 10});
					//ダブル動作で削除
			$('.pep.peppable').on('touchend', function(e){
			e.preventDefault();
			}).hammer().on('doubletap', function(event){
			$(this).remove();
			});
			$('.pep.peppable').dblclick(function(){
			$(this).remove();
			});
	});
});

やりたいこととしては、
①生成した要素に特定のIDを付与したい。
②pepのstop時に要素の位置を取得したい。
ということなのですが、おそらく非常に基本的なこととして変数pn1が１のまま変化しません。何度要素を生成しても、idはpin11となり、コンソール上でも変数pn1には１が入ったままです。

なにか見落としがあると思うのですがご教示いただけないでしょうか。

Answer 1

(pn1---1);

あたりの記述が怪しいです。状況わかりませんがデクリメントしてる？
単純処理にするとこうですよね？これなら普通にインクリメントされます

<script>
var pn1 = 1;
$(function(){
    $("#btn1").click(function(){
      pn1++;
      console.log(pn1);
    });
});
</script>
<input type="button" id="btn1" value="btn">