Eu tenho duas listas de seleção simples e quero adicionar uma opção para trocar valores nelas. Então, há a primeira lista com e. g. valor "ONE" e a outra lista tem valor "TWO". Quando você clica no botão "trocar", o primeiro deve ter o valor de "DOIS" e o segundo deve ter o valor "UM".

Aqui está o jsFiddle:http://jsfiddle.net/YPyRF

Aqui está o código HTML:

<div class="form-item-from">
  <label for="form-item-from">From </label>
 <select class="form-select" id="form-item-from"><option value="ONE">ONE</option></select>
</div>

<div class="form-item-to">
  <label for="form-item-to">From </label>
 <select class="form-select" id="form-item-to"><option value="TWO">TWO</option></select>
</div>

<a href="">Swap values</a>

Aqui está o código js (deExiste uma função jQuery nativa para alternar elementos?):

jQuery("#form-item-from").after(jQuery("#form-item-to"));

No entanto, isso não está funcionando nesse caso. Além disso, a função não deve depender da posição das listas de seleção ou do botão de troca (encontrei uma solução em que o botão de troca deve estar entre duas listas).