console.log() not outputting HTML of jQuery selection object

Question

I got a problem when using console.log in Google Chrome. Suddenly when I was outputting a element like $(this) it was display like:

Answer 1

The output is correct as $(this) refers to jQuery selection object, not the underlying DOM object(s).

If you wish to output the raw DOM element(s), you can try the following:

 console.log( $( this ).get(0) ) 
 // Or just 
 console.log( this )

Or you can also do:

 console.log( $( this ).html() )