jquery - Bootstrap Tooltip showing behind modal MVC 5 -

i unable bootstrap tooltips show inside modal.

i have mvc site load partial views ajax , show them inside modal. when user clicks button, perform , update modal body html. code contains current test modal show properly.

        $.ajax({         url: url,         type: 'get',         success: function (response) {             $('#modal-levering-body').html(response);              var button = $('#udleveringvhbutton');             button.attr('value', 'found button');             button.tooltip({ container: '#modal-levering-body' });         } 

my button defined in view as

        <input type="button" id="udleveringvhbutton" value="udlevering vh" class="btn btn-xs" title="sæt alle varer til udlevering varehus"            data-tooltip="yes" data-placement="top" /> 

this result when mouse-ver 'found button' button

the weird thing when try on jsfiddle, works fine http://jsfiddle.net/z6qqvycf/

i limited in debugging, because not know how inspect tooltip. not visible chrome development tools.

i have looked @ bootstrap tooltip showing behind modal window did not affect situation.

any suggestions on how debug , fix situation?

edit:

found guide on how inspect tooltip:

freeze screen in chrome debugger / devtools panel popover inspection?

edit2:

i found tooltip entirely different jsfiddler jsfiddler

my mvc setup

somehow .tooltip function generating entirely different on setup in jsfiddler. unknown why currently.

edit 3

found out there conflict between bootstrap , jquery ui on .tooltip() function. loading jquery ui last won.

i reversed loading order , works expected jqueryui tooltips competing twitter bootstrap

i found out there conflict between bootstrap , jquery ui on .tooltip() function. loading jquery ui last, took precedence.

i reversed loading order , loaded bootstrap js file last , works expected.