title: Converting AJAX return data to JSON
body: <p>I am trying to retrieve data in a JSON object (which I have validated is correctly formatted) and output the data into the firebug console.  I validated the JSON using JSONLint (http://jsonlint.com/) and know the data is not returning in JSON object because when I log it, it is logging as text rather than an object.  When I look at the ajax post, there is a JSON tab and it shows the object, I just cannot retrieve it for some reason.  </p>
  
  <p>My ajax call is </p>
  
  <pre><code>    $.ajax({
          url:'/coords/base',
          data: { type: obj.type, id: obj.id },
          dataType:'text',
          type:'get',
          async:false,
          success: function(data) {
              console.log(data);
          }
      });
  </code></pre>
  
  <p>My return data looks like such:</p>
  
  <pre><code>    {   
          "1": {"name":"TEXT","coords":[        
              { "entry":3,"x":15,"y":15 }     
          ]}}
  </code></pre>
  
  <p>When I set the AJAX call to a variable and add .responseText; to the end of the call, I can retrieve the plaintext return of the AJAX call.  I thought I could then just use $.serialize() or $.parseJSON() but then I get an error "uncaught exception: Syntax error, unrecognized expression."</p>
  
  <p>The end goal would be to retrieve the content from this responseText and use the JSON object throughout my files.  This call must be done synchronously because it loads in vital data.</p>
  
  <p>Any help would be greatly appreciated.</p>