created by livecoding - http://livecoding.io

water.html

<h1>Hello. I am a title.</h1>

<ul>
</ul>

water.js

// create list of fruit
var fruits = [
  'banana',
  'orange',
  'red',
  'blueberry'
];

// add fruits to ul
for (var i = 0; i < fruits.length; i++) {
  
  var li = $('<li></li>');
  li.text(fruits[i]);
  
  $('ul').append(li);
  
}