<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
    <script>
	var arr = [['1'],['2'],['3']];
  	  $('.lead ul').html(function(){
				arr.forEach(function(n, i) {
					var lead = '<li><p>'+arr[i][0]+'</p></li>';
					return lead;
				});
			});
    </script>
    <div class="lead">
      <ul>
      </ul>
    </div>
  </body>
</html>
Ребят, подскажите, что тут не так?
Почему-то не дублируется 1,2,3
