How to center spin.js spinner in bootstrap 3 modal?

How to center spin.js spinner in bootstrap 3 modal?

I am trying to display and center the spin.js spinner in a Bootstrap 3 modal. Using the code below I got it to work in IE and FF but NOT in Chrome, Safari Desktop, Chrome IOS, Safari IOS.
The problem seems to be tied to the fade in animation (gray backdrop overlay) because when I set the modal class to just “modal show” it works but with no fade in animation of course. See this jsfiddle. It’s when I use “$(‘#Searching_Modal”).modal(‘show’);” that it does not work in some of the browsers described above.
Run this jsfiddle on both chrome and firefox and you will see what I mean. Does anybody know how to fix this or do it properly? I do want the bootstrap modal fade in to work.
I’m using Bootstrap 3 and spin.js.