How would get this loop to work correctly to append div

How would get this loop to work correctly to append div

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="testMyJson.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <style>
    .the-container { width:400px; height:250px; border-style: solid; border-width:3px; border-color:black }
    .the-container ul { margin:0; padding:0; list-style:none; }
    .the-container li { width:30px; height:250px; margin:0 5px; position:relative; float:left; }
    .the-container li a { position:absolute; bottom:0; width:100%; height:0; background-color:#ccc; }
    .the-container li a:hover { background-color:green; }
    </style>
</head>
<body>
<div class="the-container">
<ul>
<li><a id="super-skill-1" href="#" class="tooltip" title="TESTING!!!!"></a></li>
<li><a id="super-skill-2" href="#" class="tooltip" title="TESTING!!!!"></a></li>
<li><a id="super-skill-3" href="#" class="tooltip" title="TESTING!!!!"></a></li>
<li><a id="super-skill-4" href="#" class="tooltip" title="TESTING!!!!"></a></li>
<li><a id="super-skill-5" href="#" class="tooltip" title="TESTING!!!!"></a></li>
</ul>
</div>
<form>
<input type="button" id="showdata"value="Show Data" >

<script >
$("#showdata").click(function() {
$.support.cors = true;
$.ajax({
  url:'https://www.sciencebase.gov/catalog/items?q=Fish&max=20&format=json',
  type: "GET",
  dataType: "json",
  success: function( response ) {
    var sampleData = [25,7,19,22,150];

    for (var i = 0; i < 5; i++) {
        $('#super-skill-1').css( { height:sampleData[0] + 'px' } );
        $('#super-skill-2').css( { height:sampleData[1] + 'px' } );
        $('#super-skill-3').css( { height:sampleData[2] + 'px' } );
        $('#super-skill-4').css( { height:sampleData[3] + 'px' } );
        $('#super-skill-5').css( { height:sampleData[4] + 'px' } );
    }
   

  },
  error: function(jqXHR, textStatus, errorThrown) {
      alert("Ajax Call Failed - textStatus =" +  textStatus + ", errorThrown = " + errorThrown);
  }
});
});
</script>
</form>
</body>
</html>

Thanks