How to Make Correct Select Drop List with jQuery?
<p>I have problem with my select drop list and I can't fix it. From beginning I have 2 drop list to sort blocks.</p>

<p>When I make a selection from the first list, I can't make selection in the second, but when I make selection in the second drop list I can make a selection in first list, but after that second select list is not selectable (it stops on the first option).</p>

<p>To be clear the drop list aren't related, what I mean you can choose 1 option from 2 list.  List 1 (option) OR List 2 (option).</p>

<pre><code>&lt;div class="top_timber_search"&gt;
&lt;div class="timber_padding"&gt;
    &lt;span class="sektor_select"&gt;Sektor&lt;/span&gt;
    &lt;select id="Sektor" class="sort"&gt;
        &lt;option value=""&gt;wybierz sektor&lt;/option&gt;
        &lt;option value="13"&gt;Klasy 1-3 szkoła podstawowa&lt;/option&gt;
        &lt;option value="46"&gt;Klasy 4-6 szkoła podstawowa&lt;/option&gt;
        &lt;option value="gimnazjum"&gt;Gimnazjum&lt;/option&gt;
        &lt;option value="liceum"&gt;Liceum&lt;/option&gt;
        &lt;option value="uczelnie"&gt;Uczelnie i szkoły językowe&lt;/option&gt;
    &lt;/select&gt;
    &lt;span class="trener_select"&gt;Trener&lt;/span&gt;
    &lt;select id="Trener" class="sort"&gt;
        &lt;option value=""&gt;wybierz trenera&lt;/option&gt;
        &lt;option value="cichminska"&gt;Monika Cichmińska&lt;/option&gt;
        &lt;option value="kerr"&gt;Philip Kerr&lt;/option&gt;
        &lt;option value="kotorowicz"&gt;Karolina Kotorowicz-Jasińska&lt;/option&gt;
        &lt;option value="parr"&gt;Anna Parr-Modrzejewska&lt;/option&gt;
        &lt;option value="rosinska"&gt;Marta Rosińska&lt;/option&gt;
        &lt;option value="spiewak"&gt;Grzegorz Śpiewak&lt;/option&gt;
    &lt;/select&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;

jQuery(window).load(function() {

jQuery('.timber_padding').live('change', function() {
    jQuery("div.block").css("margin-right", "10px"); 
    jQuery('.st_container .block').show();

    var sectorVal = jQuery('#Sektor option:selected').val();
    var trenerVal = jQuery('#Trener option:selected').val();


    if(sectorVal != '' ) {
        jQuery("div.block").show();
        jQuery.each(jQuery('div.block'),function() {
            if(!jQuery(this).hasClass(sectorVal)) {
                jQuery("#Trener option:nth(0)").attr('selected',true).siblings().removeAttr('selected');
                jQuery("#Sektor option[value='" + sectorVal + "']").attr('selected',true).siblings().removeAttr('selected');
                jQuery(this).hide();    
            }                                     
        });

    }else if(trenerVal != '' ) {
        jQuery("div.block").show();
        jQuery.each(jQuery('div.block'),function() {
            if(!jQuery(this).hasClass(trenerVal)) {
                jQuery("#Sektor option:nth(0)").attr('selected',true).siblings().removeAttr('selected');
                jQuery("#Trener option[value='" + trenerVal + "']").attr('selected',true).siblings().removeAttr('selected');
                jQuery(this).hide();    
            }                                     
        });

    }
    jQuery(".st_container div.block:visible").each(function(i){
            if ( !((i+1) % 3) ) { // every third from result set.
                $(this).css("margin-right", "0px");
            }
    })
});

})

&lt;/script&gt;
</code></pre>
