Callbacks fire on page load when they shouldn't

[anomalous]

So here's my code:

JS Code

var $joinButton = $("#JoinThisGroup");        
        var buttonType = $joinButton.attr("class")
        if (buttonType == "JoinGroup") {
            joinUri = $joinButton.attr("rel");
            $joinButton.qtip({
                content: {
                    url: joinUri,
                    method: 'get',
                    prerender: false
                },
                show: 'click',
                hide: 'blur',
                position: {
                    corner: {
                        target: 'rightTop',
                        tooltip: 'leftTop'
                    }
                },
                style: 'formTip',
                onContentLoad: $joinButton.replaceWith("<span></span>")
            });
        }

Basically, what's happening is that the onContentLoad is firing before the qTip appears via the click method on the $joinButton dom node. This implies that the AJAX call has run already -- it hasn't, because the page it talks to performs some server side stuff that doesn't run until I click the $joinButton. So, in short, everything is working, except the callbacks (all of the callbacks I tested, anyways) are firing on page load.

What's going on here?

[anomalous]

I fixed it with help from: http://craigsworks.com/projects/qtip/for...page-load/

FYI, this is definitely a weak-point in the API. You should probably do a check to see if the content is going to be dynamic, and if it is, refrain from firing the associated content-creation API events until the AJAX call actually executes. Other than that, great work, thank you -- if you do happen to release a version with a fix to the API, I will be more than happy to donate!