jQuery on submit, output "r.fn.init {}"

Asked Aug 27 '16 at 19:05

Active Aug 27 '16 at 19:09

Viewed 212 times

Let's say we have this event:

$('form.ajax-form').on('submit', (e) => {
    e.preventDefault();
    console.log($(this));
});

This event is dispatching only when I submit the form, right? so it doesn't have to be nested in document ready event. When I submit my form, I get this output:

r.fn.init {}

I'm assuming it has to do something with jQuery initiating, but who is it related to my code? what am I missing here? It didn't happen to me in previous versions..

Edit 1 - I'm expecting to see the HTML of the element.

edited Aug 27 '16 at 19:09

asked Aug 27 '16 at 19:05

Eliya Cohen

10,716
13
59
116

Your code seems fine - and the output looks correct as you're logging the jQuery object directly. What were you expecting to see? – Rory McCrossan Aug 27 '16 at 19:07
@RoryMcCrossan I'm probably doing something wrong on deprecated, because I was expecting to get the HTML object like I was always getting. – Eliya Cohen Aug 27 '16 at 19:10
@Juhana Thank you. Changing `$(this)` to `$(e.currentTarget)` solved my issue. – Eliya Cohen Aug 27 '16 at 19:19

jQuery on submit, output "r.fn.init {}"

0 Answers0