Setting index of select elements across a class
<p>I am making a form that has various select elements like this</p>

<pre><code>&lt;select class="nace"&gt;
&lt;option value="no" selected="selected"&gt;No&lt;/option&gt;
&lt;option value="yes"&gt;Yes&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>I am trying to write a jQuery snippet that will change the selection of all these selects of the class "nace", so the slected values are all in unison. But I am struggling a bit with the functionality.
So far I have an event bound to a the changes on selects but cant quite get it right. Can anyone help me?</p>

<pre><code>    $('.nace').change(function() {
        var selected = $(this).val();
        $('.nace option:selected="selected"' ).each(function(){
            $(this+' option[value='+$(this).value+']').attr('selected', 'selected');

        });
    }); 
</code></pre>
