title: Returning JSON in CFFunction and appending it to layer is causing an error
body: <p>I'm using the qTip jQuery plugin to generate a dynamic tooltip. I'm getting an error in my JS, and I'm unsure if its source is the JSON or the JS. The tooltip calls the following function: (sorry about all this code, but it's necessary)</p>
  
  <pre><code>&lt;cffunction 
  name="fGameDetails"
  access="remote"
  returnType="any"
  returnformat="JSON"
  output="false"
  hint="This grabs game details for the games.cfm page"&gt;
      &lt;!---Argument, which is the game ID---&gt;
  &lt;cfargument 
      name="gameID"
      type="numeric"
      required="true"
      hint="CFC will look for GameID and retrieve its details"&gt;
  &lt;!---Local var---&gt;
  &lt;cfset var qGameDetails = ""&gt;
  &lt;!---Database query---&gt;
  &lt;cfquery name="qGameDetails" datasource="#REQUEST.datasource#"&gt;
  SELECT
      titles.titleName AS tName,
      titles.titleBrief AS tBrief,
      games.gameID,
      games.titleID,
      games.releaseDate AS rDate,
      genres.genreName AS gName,
      platforms.platformAbbr AS pAbbr,
      platforms.platformName AS pName,
      creviews.cReviewScore AS rScore,
      ratings.ratingName AS rName
  FROM
      games
          Inner Join platforms ON platforms.platformID = games.platformID
          Inner Join titles ON titles.titleID = games.titleID
          Inner Join genres ON genres.genreID = games.genreID
          Inner Join creviews ON games.gameID = creviews.gameID
          Inner Join ratings ON ratings.ratingID = games.ratingID
  WHERE 
      (games.gameID = #ARGUMENTS.gameID#);
  &lt;/cfquery&gt;
  &lt;cfreturn qGameDetails&gt;
  &lt;/cffunction&gt;
  </code></pre>
  
  <p>This function returns the following JSON:</p>
  
  <pre><code>{
      "COLUMNS": [
          "TNAME",
          "TBRIEF",
          "GAMEID",
          "TITLEID",
          "RDATE",
          "GNAME",
          "PABBR",
          "PNAME",
          "RSCORE",
          "RNAME"
      ],
      "DATA": [
          [
              "Dark Void",
              "Ancient gods known as 'The Watchers,' once banished from our world by superhuman Adepts, have returned with a vengeance.",
              154,
              54,
              "January, 19 2010 00:00:00",
              "Action &amp; Adventure",
              "PS3",
              "Playstation 3",
              3.3,
              "14 Anos"
          ]
      ]
  }
  </code></pre>
  
  <p>The problem I'm having is every time I try to append the JSON to the layer #catalog, I get a syntax error that says "missing parenthetical." This is the JavaScript I'm using: </p>
  
  <pre><code>$(document).ready(function() 
  {
      $('#catalog a[href]').each(function()
      {
          $(this).qtip( {
              content: {
              url: '/gamezilla/resources/components/viewgames.cfc?method=fGameDetails',
              data: { gameID: $(this).attr('href').match(/gameID=([0-9]+)$/)[1] },
              method: 'get'
          },
          api: {
              beforeContentUpdate: function(content) {
              var json = eval('(' + content + ')');
              content = $('&lt;div /&gt;').append(
                  $('&lt;h1 /&gt;', {
                      html: json.TNAME
                  }));
              return content;
              }
          },
          style: {
              width: 300,
              height: 300,
              padding: 0,
              name: 'light',
              tip: {
                  corner: 'leftMiddle',
                  size: {
                      x: 40,
                      y : 40
                  }
              }
          },
          position: {
              corner: {
                  target: 'rightMiddle',
                  tooltip: 'leftMiddle'
              }
          }
          });
      });
  });
  </code></pre>
  
  <p>Any ideas where I'm going wrong? I tried many things for several days and I can't find the issue.</p>
  
  <p>Many thanks!</p>