<div>
<label for="form_username" class="required">Username</label>
<input type="text" id="form_username" name="form[username]" required="required" class="form-control">
</div>
I try to append an element to the input field with the name "form[username]:
$( "<p>Test</p>" ).insertAfter('input[name=form[username]]');
But it is not working. Nothing happens.
I expect this result:
<div>
<label for="form_username" class="required">Username</label>
<input type="text" id="form_username" name="form[username]" required="required" class="form-control">
<p>Test</p>
</div>
Since your input tag has an id
form_username
, you don't have to use[name]
attribute as a selector anymore.Or if you have only 1 input tag, you could try:
Or if you want to use attribute
name
, you could rename the valueform[username]
toform_username
, like this:If you don't want to rename the
name
attribute value, you could try: