AJAX nie ładuje za pierwszym kliknięciem Opcje

[tjakob]

Witam i zwracam się z prośbą pomoc w rozwiązaniu takiego oto problemu. Używam plugin Q-Tip i chcę załadować dynamicznie kod PHP do Qtip-a. Oto mój kod:

[PHP] pobierz, plaintext 
$(document).ready(function(){
$('.mapa').qtip({
	     show: 'click',
             hide: 'click',
             content:{
 
                        text: function(event, api) {
                                 $.ajax({
                                       url: '/google_maps/mapa.php'
                                       })
                                .then(function(content) {
                                   api.elements.tooltip.html(content);
                                }, function(xhr, status, error) {
                                   api.set('content.text', status + ':  ' + error);
                                });
								return 'Loading...'; 
 
                        },
                    },
		    position: {
			my: 'top right',
			at: 'top center',
			viewport: $(window)
			},
            style: {
            classes: 'qtip-blue',
 
            }
      });
});
[PHP] pobierz, plaintext 

Klikam link z id = 'mapa', aby załadować Q-Tip z kodem PHP. Pierwsze kliknięcie nie ładuje kodu, zaś drugie i kolejne kliknięcia Q-Tip działa OK. Jeśli odświeżę stronę, znowu pierwsze nie działa, następne wszystko OK. Czy ktoś może mi pomóc? Błąd popełniam w zapytaniu AJAX? Czy gdzie indziej? Bardzo dziękuję za wszelką pomoc.