Déplacer un élément vers un autre parent après avoir changé son identifiant

J'ai le HTML comme ceci:

<span class="file-wrapper" id="fileSpan">
    <input type="file" name="photo[]" id="photo" />
    <span class="button">Click to choose photo</span>
</span>

Je veux extraire le champ de saisie à partir de là, changer son ID et le mettre dans un autre div.

Comment puis-je le faire? Si jQuery est nécessaire, c'est bien, mais si possible sans, ce serait super.

source d'informationauteur some Folk