สอบถามเกี่ยวกับการ loop ของ javascript พอดีเจอปัญหาในเรื่องการ loop แล้ว ค่าไม่ตรง

<script type="text/javascript">
$(function(){
	
var i = 1;	
do
	{
			$('#colorSelector'+[i]).ColorPicker({
				color: '#ffffff',
				onShow: function (colpkr) {
					$(colpkr).fadeIn(500);
					return false;
				},
				onHide: function (colpkr) {
					$(colpkr).fadeOut(500);
					return false;
				},
				onChange: function (hsb, hex, rgb) {
					$('#colorSelector'+[i]+' div').css('backgroundColor', '#' + hex);
					$('#color'+[i]).val('#' + hex);
                                        alert('#colorSelector'+[i]);
				}	
			});	
			i++;		
	}
while (i<12)	
});

</script>