Select box replacement

SelectBox.js

(function($) {
  $(function() {
    var selectBoxes = $('select');
    selectBoxes.each(function() {
      var $select = $(this).hide(),
          $proxy = $('<ul class="selectbox"/>').insertAfter($select);

      $select.find('option').each(function() {
        // we iterate through the options and create a list item with data-value as value
        $proxy.append('<li data-value="' + this.value + '">' + $(this).text() + '</li>');
      });

      $proxy.delegate('option', 'click', function(ev) {
        // update the original select box when an option is selected
        $select.val($(this).attr('data-value'));
      });

      // attach more delegates and/or hide members based on other fields
    });
  });
})(jQuery);