ajax next(),ajax - Jquery .next() Bootstrap data-provide - Stack Overflow

Solved

My script as far is:

<?php echo $this->getLang('UI', 49);?>

When I do an ajax-call to my website to verify the data that was entered, I want to give this the class statusSuccessMini. That indicates everything is correct.

Doing the call and getting results is working allright, but the interesting part is, that this:

$.each($.parseJSON(data), function(idx, data) {

if(data.bool === 'true' && data.name) {

$('input[name='+data.name+']').next('.add-on').addClass('statusSuccessMini');

$('input[name='+data.name+']').next('.add-on').html('.add-on');

}

else {

$('input[name='+data.name+']').next('.add-on').addClass('statusWarningMini');

i++;

}

});

Will only work if there's no data-provide like this data-provide="typeahead" data-items="4" given.

This works:

<?php echo $this->getLang('UI', 49);?>

I checked all the data, they work and I can find the input but when I try to find the span with .next() it only gets it when there's no data-provide given.

I hope you can help me, any suggestion is appreciated :)

Edit: FF Code Inspector showed me this:

So the Bootstrap Typeahead is inserting a list into the DOM...