Найдено 2 элемента с неуникальным идентификатором. Загрузка выбранного div только во избежание конфликта

У меня есть тег выбора опции, где пользователь выбирает нужную опцию в раскрывающемся списке.

<div class = "button dropdown"> 
  <select id = "languageselector">
     <option value = "english">English</option>
     <option value = "swahili">Swahili</option>
  </select>
</div>

Я заметил, что, поскольку я повторно использую одни и те же идентификаторы, он дает сбой и выдает предупреждения [DOM] Found 2 elements with non-unique id. Первый вариант загружается хорошо, но второй вариант не загружается правильно, выдавая [DOM] Found 2 elements with non-unique id.

Есть ли способ отключить один на основе выбора, потому что я думаю, что оба загружаются в одно и то же время, отсюда и конфликт?

<div class = "button dropdown"> 
  <select id = "languageselector">
     <option value = "english">English</option>
     <option value = "swahili">Swahili</option>
  </select>
</div>

 <div id = "english" class = "language english">
        <form id = "reviewForm" method = "POST" action = "/review/post">
        <div id = "reviewFormPage">
        {!! csrf_field() !!}
        {!! Form::hidden('business_name', $provider->businessId, ['class'=>'form-control', 'id' => 'businessId']) !!}
        {!! Form::hidden('acceptTerms', null, ['class'=>'form-control', 'id' => 'acceptTerms']) !!}
            <div class = "row">
                <div class = "col-xs-12">
                    <div class = "checkbox icheck">
                        <label>
                        {!! Form::checkbox('existing_customer', '1', false, ['id' => 'existing_customer_review']) !!}
                            I am an existing customer.
                        </label>
                    </div>
                </div>
            </div>
       </form>
 </div>


 <div id = "swahili" class = "language swahili">
        <form id = "reviewForm" method = "POST" action = "/review/post">
        <div id = "reviewFormPage">
        {!! csrf_field() !!}
        {!! Form::hidden('business_name', $provider->businessId, ['class'=>'form-control', 'id' => 'businessId']) !!}
        {!! Form::hidden('acceptTerms', null, ['class'=>'form-control', 'id' => 'acceptTerms']) !!}
            <div class = "row">
                <div class = "col-xs-12">
                    <div class = "checkbox icheck">
                        <label>
                        {!! Form::checkbox('existing_customer', '1', false, ['id' => 'existing_customer_review']) !!}
                            Mimi ni mteja anayerudi.
                        </label>
                    </div>
                </div>
            </div>
       </form>
 </div>

Код JavaScript приведен ниже;

<script type = "text/javascript">
    $(function() {
      $('#languageselector').change(function(){
        $('.language').hide();
        $('#' + $(this).val()).show();
      });
    });
</script>