jQuery Dropdown Plugin

jquery.dropdown.js

/*
<div class="select">
    <div class="selected"></div>
    <select>
        <option>Option</option>
    </select>
</div>
*/

(function($) {
    $.fn.dropdown = function() {
        return this.each(function() {
            var top = $(this);
            var select = $(this).find('select');
            var selected = $(this).find('.selected');
            
            selected.text(select.find('option:selected').text());

            if(select.val())
                $(this).addClass('has-value');

            select.on('change', function(){
                var currentVal = $(this).find('option:selected').text();

                selected.text(currentVal);

                top.addClass('has-value');
                top.removeClass('has-error');
            });
        });
    };
}(jQuery));