A: 

You have to specify the dataType as json in your request. It tells jquery to treat the response as json, so that you can use it as you are using currently. Also once you get the data as son you can create HTML to display.

Teja Kantamneni
Excuse my ignorance, but where do I specify the datatype? My CFC is already set to return data as "JSON". I'm a complete novice to jQuery and JS? I'm unsure of the syntax, and where/how to output this stuff!
Mel
+1  A: 

From the qTip forums, it appears that the author is adding an ajax call inside the api callback. Maybe that will solve your problem?

Here is his example:

$(this).qtip({
 content: 'Loading...',
 api: {
  onRender: function()
  {
   // Setup your AJAX request here
   $.ajax({
    url: DOC_ROOT + "admin/ajax/tooltip_process.php",
    type: 'GET';
    contentType: "application/json charset=utf-8",
    dataType: "json",
    success: function(json) {
     if(json[0].result == 'success') return json[0].tip;
     else alert('^$%#$#$');
    }
   });
  }
});
fudgey
Thanks fudgey. I tried this snipped. The AJAX is firing, but the tooltip simply displays 'Loading.' The JSON data is not being output into the tooltip, or the tooltip is not updating itself after making the call...
Mel
Maybe try reversing the process? Call to Ajax first to build the tooltip contents, then call qTip with the result?... sorry I haven't used qTip that much.
fudgey