Aggiungere un elemento dopo un altro elemento in jQuery

Avevo la necessità di aggiungere un determinato elemento HTML dopo un altro elemento.

Per fare tutto questo ho usato jQuery e la sua funzione after.

Il tutto è molto semplice; vi giro la funzioncina che sto usando:

function movimentiButton() {
    var w = $(window).width();
    if (w < 523) {
        $('.a_duplica').after('<br><br>');
    }
}

Questo non fa altro che:

• controllare la dimensione della finestra del browser (che non è obbligatorio ovviamente)
• cercare i componenti che una determinata classe (potete metterci anche un id o il nome del componente)
• aggiungere uno spazio (voi metteteci quello che vi serve)

Vi basterà richiamare la funzione all'interno della pagina:

        $(function () {
            movimentiButton();
        });

Enjoy!