Eu tenho 5 campos de um formulário e gostaria de, através de uma função, rearranjar os valores dos mesmos fazendo com que os primeiros campos sejam preenchidos e os últimos vazios, de acordo com os valores existentes na ordem crescente.
Por exemplo:
HTML:
<input id="campo1" type="text" /><br>
<input id="campo2" type="text" value="uva" /><br>
<input id="campo3" type="text" /><br>
<input id="campo4" type="text" value="laranja" /><br>
<input id="campo5" type="text" /><br>
Ao chamar a função, ficaria assim:
<input id="campo1" type="text" value="uva" /><br>
<input id="campo2" type="text" value="laranja" /><br>
<input id="campo3" type="text" /><br>
<input id="campo4" type="text" /><br>
<input id="campo5" type="text" /><br>
Atualizando: A ordem dos valores devem obedecer o id
dos campos na ordem crescente (campo1, campo2...).