$(document).ready(function() {
    $.each($('select.customDDL'), function(i, item) {
        setCustomSelect($(this));
    });
});
function setCustomSelect(select) {

    select.change(function() {
        select.prev().text(select.find(':selected').text());
    });
    select.addClass('customSelect').before('<span class="select">' + select.find(':selected').text() + '</span>');
}
/* Script for changing css class on mouseover */
function changeClass(id, newClass) {
    if (typeof (id) == 'object')
        id.className = newClass;
    else
        document.getElementById(id).className = newClass;
}