¿Cómo crear una lista desplegable dinámicamente usando jQuery?

¿Cómo se crea una lista desplegable dinámicamente usando jQuery? En la lista desplegable, me refiero a una con sus valores asociados.

Simplemente crea los elementos como cualquier elemento.

Ejemplo:

 var data = { 'foo': 'bar', 'foo2': 'baz' } var s = $(''); for(var val in data) { $('', {value: val, text: data[val]}).appendTo(s); } s.appendTo('body'); // or wherever it should be 

En su forma más simple,

 var opt = ""; $(opt).wrap(''); $('#some-container-div').html(opt);