targeting a specific form with serialize()

Question

Following on from my previous question, which was so quickly answered by Meder it wasn't funny, there's now an additional question that's popped up in the process of making a reusable jQuery form submitted that doesn't take the user away from where they were. Problem The jQuery `serialize()` function is performing its magic on all forms within a page, and not the specific form which was submitted. Example code below. How do I capture the form's unique name/id, and replace `"form"` within `$("form").serialize()` with the name of the target form so only that is serialised? Form code ```

Accepted Answer

```
var dataString = $('#contact').serialize()
```

If you are attaching an event handler to a button or the form's `submit` event then you can refer to it with `this` if inside the `submit` event handler function scope, eg

```
$('#contact').submit(function() {
 alert( $(this).serialize() );
});
```

I highly recommend reading http://docs.jquery.com/Selectors

targeting a specific form with serialize()

Solution

Problem