jQuery append div after an input with specific name?

Question

I have the following HTML

<input type="submit" name="cm-ajax-submit" value="Register">

I need to append a div tag so it'll have this format

<input type="submit" name="cm-ajax-submit" value="Register"><div id="cmprivacy"></div>

Is there a way to use jQuery append or another function to find the input with the name cm-ajax-submit and append that div?

Thanks

Selvakumar Arumugam · Accepted Answer · 2012-09-27 20:29:32Z

13

Create the element and move it using .after,

$('input[name=cm-ajax-submit]').after('<div id="cmprivacy"></div>');

answered Sep 27, 2012 at 20:29

79.9k15 gold badges123 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gromer · Accepted Answer · 2012-09-27 20:30:18Z

6

Use the .after function, not .append.

html:

<input id="button" type="submit" name="cm-ajax-submit" value="Register">

jQuery:

$('#button').click(function() {
    $(this).after('<div id="cmprivacy">Hey</div>');
});

answered Sep 27, 2012 at 20:30

Gromer

9,9614 gold badges36 silver badges55 bronze badges

Sushanth -- · Accepted Answer · 2012-09-27 20:32:40Z

2

Try this.. Use .after() method

$('input[name="cm-ajax-submit"]').after('<div id="cmprivacy"></div>')

answered Sep 27, 2012 at 20:32

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges