title: jQuery Ajax Get Data Syntax error, unrecognized expression:
body: <p>Using the latest jQuery (1.9.0), I am confused as to why this code is not working:</p>
  
  <pre><code>$.testAjaxFilter = function() {
  
      var base = this;
  
      // get faq categories
      var currentFaqCategories = $('#category-list ul li a');
  
      // loop through each faq category link and bind a click event to each
      if ( typeof currentFaqCategories !== 'undefined') {
  
          $.each(currentFaqCategories, function(index, category) {
  
              $(category).click( function(e) {
                  $(e.target).getFaqList();
                  return false;
              });
  
          });
  
      }
  
      // GET faq list elements from category link
      $.fn.getFaqList = function() {
  
          $.get($(this[0]).attr('href'), function(data) {
  
              base.addFaqSectionToPage( $(data).find('section.faq-page #content-column') );
  
          });
  
      };
  
      // add new faq section to current page
      this.addFaqSectionToPage = function(faqSection) {
  
          // remove old faq section
          var currentFaqSection = $('section.faq-page #content-column');
  
          currentFaqSection.empty();
          currentFaqSection.append(faqSection);
  
      };
  
  };
  
  $.testAjaxFilter();
  </code></pre>
  
  <p>While viewing the console, upon clicking one of the category links, the GET retrieves the entire page in its response, but it is then followed by a Syntax error, unrecognized expression: (lists all HTML from retrieved page). So, something is going wrong in <code>$.fn.getFaqList</code>, possibly the use of <code>$(data)</code>?</p>
  
  <p>Is there anything obvious I am doing wrong? Any help would be greatly appreciated. I am not very savvy with AJAX stuff.</p>