JSFiddle - React, Tailwind, and code Playground

HTML

<select id="yearfilter" name="yearfilter"> <option value="">All years</option> <option value="2011">2011</option> <option value="2010">2010</option> <option value="2009">2009</option> </select>

JavaScript

$(function(){
    var id = "yearfilter";
    $('#'+id).after("<ul id='temp' />")
        .children("option").each(function() {
            $("#temp").append('<li value="'+$(this).val()+'">'+$(this).text()+"</li>");
        })
        .end().remove();
            $('#temp').attr({"id":id,"name":id});
});