jquery - jquery、異なる選択リストの値を取得

Question

私はこのような選択リスト（数百）をたくさん持っています（それらはすべて同じ名前とIDを持っています（私の問題はここから来ていると思います...しかし私はそれを変更することはできません）：

<select name="custom_element_grid_class" id="custom_element_grid_class" class="select-size">
    <option value="normal">normal</option>
    <option value="square">square</option>
    <option value="wide">wide</option>
    <option value="tall">tall</option>
</select>

ユーザーが値を変更したときに、各リストの値を取得したい。このスクリプトを作成しましたが、最初の選択リストでしか機能しません...

jQuery("#custom_element_grid_class").change(function(){
    var element = jQuery(this);
    var selected = element.find('option:selected'); 
    var size = selected.val(); 
    var sclass = size + " element isotope-item";
    jQuery(element).closest('.element').attr('class',sclass);    
});

すべての選択フォームで機能させるにはどうすればよいですか?

編集: 各選択リストは ajx 呼び出しから取得されます。これが、同じ ID を取得した理由ですが、将来の DOM でのみです。