Uncaught TypeError: Cannot read property 'ownerDocument' of undefined

Question

I'm teaching myself AJAX to AJAXify my site. In my template, I have the following JS code to get some JSON data from a view then append the data to a div.

function filter(type) {   $.getJSON(     '/activity_stream/global-activity-stream/',      {xhr: "true", filter: type},      function(data) {       $('.mainContent').children().remove();       $(data).appendTo('.mainContent');     });   }    $(".btn").click(function () {      filter("recent");    }); } 

I think my view is returning proper JSON but now data is not being added to the .mainContent div.

It gives this error:

Uncaught TypeError: Cannot read property 'ownerDocument' of undefined.

Answer 1

Make sure you're passing a selector to jQuery, not some form of data:

$( '.my-selector' ) 

not:

$( [ 'my-data' ] )