Execute HTML using javascript

Question

I have an HTML like this:

"""<input type="submit" id="continue" value="CRA" name="continue" class="keyboard-enabled" tabindex="7"> <a href="#" id="r1A" role="button" tabindex="-1"> <input type="button" id="r1B" value="Back" role="option" aria-pressed="false" class="keyboard-enabled" tabindex="6"> </a>""" 

I want to port my first input to <a using jquery replace or something like this in JS. How to achieve this?

Expected Result:

 <a href="#" id="r1A" role="button" tabindex="-1"> <input type="button" id="r1B" value="Back" role="option" aria-pressed="false" class="keyboard-enabled" tabindex="6"> </a> <input type="submit" id="continue" value="CRA" name="continue" class="keyboard-enabled" tabindex="7"> 

Answer 1

Try the following: use .after()

 $(function(){ $('#r1A').after($('#continue')); });