[dikucher]

сайт http://dk.farla.ru/
по кнопке Регистрация ( верху справа ) запускается модальник.
в нем форма, на <select> повешан скрипт для оформления ( возможно проблема как раз из-за него )
В верхнем <select> ( Производитель, Торговая компания, Я ищу работу, Покупатель) нужно реализовать следующую логику, чтобы при клике на конкретный пункт, происходило скрытие текущие формы, и появление другой
вот выделил код селекта

<select class="select-field chosen-select">
                <option class="producer-option">Производитель</option>
                <option class="buyer-option">Покупатель</option>
                <option class="company-option">Торговая компания</option>
                <option class="job-option">Я ищу работу</option>
</select>

а вот что я пытаюсь повешать на JS

$("#company-option").click(function(){
        $('.producer-form').fadeOut(150);
        $('.company-form').fadeIn(150);
    })

но почему то событие JS не работает