Question

I have a form with several textareas. As an editing aid the list div is filled via ajax with suggestions based on the current input and active textarea.

But the thing is I need to move this div below the active textarea.

I’ve got the current textarea id but can’t find a way to move an element in this particular way.

<div id="list"></div>

            <dt><label for="mazas">Mazas:</label>

            <dd><textarea name="mazas" id="mazas" rows="1" cols="150"></textarea></dd>

            <dt><label for="rayos">Rayos:</label>

            <dd><textarea name="rayos" id="rayos" rows="1" cols="150"></textarea></dd>

            <dt><label for="llantas">Llantas:</label>

            <dd><textarea name="llantas" id="llantas" rows="1" cols="150"></textarea></dd>

            <dt><label for="cubiertas">Cubiertas:</label>

            <dd><textarea name="cubiertas" id="cubiertas" rows="1" cols="150"></textarea></dd>

Answer 1

To move it after the textarea with id mazas, for example:

$("#list").detach().insertAfter($("#mazas"));