jquery name find remove add

by lokointhehouse2

HTML

<h1>Welcome to My Homepage</h1>

<p class="intro">My name is Donald.</p>
<p>I live in Duckburg.</p>
<p>My best friend is Mickey.</p>

Who is your favourite:
<div id='nav'>
<select multiple="true" name="district_court" style="width:150px;height:57px;">
	                                <option value="" selected="">All</option>
                                    <option value="Tallahassee">Tallahassee</option>
                                    <option value="Gainesville">Gainesville</option> 
                                    <option value="Jacksonville">Jacksonville</option>
                                    <option value="Ocala">Ocala</option>
                                    <option value="Orlando">Orlando</option>
                                    <option value="Tampa">Tampa</option>
                                </select>
                                
                                <select multiple="true" name="district_court2" style="width:150px;height:57px;">
	                                <option value="" selected="">All</option>
                                    <option value="Tallahassee">Tallahassee</option>
                                    <option value="Gainesville">Gainesville</option> 
                                    <option value="Jacksonville">Jacksonville</option>
                                    <option value="Ocala">Ocala</option>
                                    <option value="Orlando">Orlando</option>
                                    <option value="Tampa">Tampa</option>
                                </select>

</div>

CSS

.selectwidth {width:150px};

JavaScript

$(document).ready(function(){
    //$("[name=district_court]").css("background-color", "yellow");
    
  //  $("[name=district_court]").removeAttr('multiple style').addClass('selectwidth');
  
    $("#nav").find('select').removeAttr('multiple style').addClass('selectwidth');
    
    
    
});