Как добавить id формы jquery

Как скрыть 4 поля на странице, но при этом получать их значения в 1 поле, которое внизу?

пять форм:

<select class="browsers" id="br1" list="browsers" name="browser1" multiple="multiple">
      <option value="Internet Explorer">Internet Explorer</option>
      <option value="Firefox">Firefox</option>
      <option value="Chrome">Chrome</option>
      <option value="Opera">Opera</option>
      <option value="Safari">Safari</option>
  </select>
<select id="br2" list="browsers" name="browser2" multiple="multiple">
      <option value="Internet Explorer">Internet Explorer</option>
      <option value="Firefox">Firefox</option>
      <option value="Chrome">Chrome</option>
      <option value="Opera">Opera</option>
      <option value="Safari">Safari</option>
  </select>
<select id="br3" list="browsers" name="browser3" multiple="multiple">
      <option value="Internet Explorer">Internet Explorer</option>
      <option value="Firefox">Firefox</option>
      <option value="Chrome">Chrome</option>
      <option value="Opera">Opera</option>
      <option value="Safari">Safari</option>
  </select>
<select id="br4" list="browsers" name="browser4" multiple="multiple">
      <option value="Internet Explorer">Internet Explorer</option>
      <option value="Firefox">Firefox</option>
      <option value="Chrome">Chrome</option>
      <option value="Opera">Opera</option>
      <option value="Safari">Safari</option>
  </select>
<select id="br5" list="browsers" name="browser5" multiple="multiple">
      <option value="Internet Explorer">Internet Explorer</option>
      <option value="Firefox">Firefox</option>
      <option value="Chrome">Chrome</option>
      <option value="Opera">Opera</option>
      <option value="Safari">Safari</option>
  </select>

Сменил эти 5 форм на одну нижнюю и нужно получать остальные 4 значения в эту форму. Я их получаю, но результат некорректный выходит, поэтому как явно их добавлять с помощью jquery?

одна форма:

<select class="browsers" list="browsers" name="browser1" multiple="multiple">
      <option value="Internet Explorer">Internet Explorer</option>
      <option value="Firefox">Firefox</option>
      <option value="Chrome">Chrome</option>
      <option value="Opera">Opera</option>
      <option value="Safari">Safari</option>
  </select>

js:

<script>
$(document).ready(function() {
    $('.browsers').select2();
});
$(document).ready(function() {
    $('#br2').hide();
});
$(document).ready(function() {
    $('#br3').hide();
});
$(document).ready(function() {
    $('#br4').hide();
});
$(document).ready(function() {
    $('#br5').hide();
});

</script>