title: jQuery AJAX json error
body: <p>Here is my JSON object.</p>
  
  <pre><code>{
          "verbs" : [
          "process",
          "refine",
          "define"
          ],
          "adjectives" : [
          "process",
          "audio",
          "language"
          ],
          "subjects" : [
          "process",
          "development",
          "technique"    
              ]
  }
  </code></pre>
  
  <p>Here is my attempt to access and process the data via the jQuery AJAX method.</p>
  
  <pre><code>jQuery.ajax({
      type : "POST",
      dataType : "json",
      url : "js/tsbtw-object.js",
      success : function(data, statusText){
  
          var verbArray = data.verbs;
  
          for(var i = 0; i&lt;verbArray.length; i++){
  
              var verbTime = Math.floor(Math.random()*1000);
  
              jQuery("#verb-content").fadeOut(verbTime, function(){
                  (this).text(verbArray[i]).fadeIn(verbTime);
              });
          }
  
      },
      error: function (xhr, ajaxOptions, thrownError){
          alert(xhr.statusText);
          alert(thrownError);
      }   
  });
  </code></pre>
  
  <p>I am receiving two errors in the FireBug console.</p>
  
  <p>invalid label
  "verbs" : [\n</p>
  
  <p>this.text is not a function
  (this).text(verbArray[j]).fadeIn(verbTime);\n</p>
  
  <p>I was up fairly late trying to puzzle this out, and thought I would kick it out the community for insight.</p>
  
  <p>Thanks!</p>