I'm feeling my way around using JavaScript to populate a HTML5 page - ultimately to link into a Delphi / Datasnap page.

On my page I have a tag setup to provide a listbox as below:

```
<select id="FirmList" size="10"></select>

```

I then have a JavaScript script linked to a button that fires on the OnClick

```
function getJobFirms()
{
  var sel = $("#FirmList");
  //var sel = document.getElementByID("FirmList");
  for (var i=0; i<10; i++) {
    var opt = document.createElement('option');
    opt.value = i;
    opt.text = i+1;
    sel.add(opt);
  }
}

```

The above seems to work - in that Chrome reports no errors and loops through 10 times. However nothing appears in the listbox on the web page, and the length property of sel.option does not increment

I've tried to use other options such as addressing `sel.opt` directly with no luck

Any suggestions?