ISSUE:
jQuery sending out multiple of the same ajax calls when you really only wanted one.

FIX:

$('.myButton').unbind().bind('click', myMethod);

Sometimes, less is more in this world and that’s how I like my ajax.

When creating an application or website that is using ajax most of the time you will be attaching an event to an element in the DOM. Or in plain english attaching an onClick event to a link or button.

If you are dynamically creating html, you may need to use the jquery .bind() method.

But if you don’t pay real close attention and recreate the same element using the same code, it will bind again.

So when you only press your button once, it is firing multiple clicks events because you used bind multiple times on the same element.

How do we stop this you ask?

Using the jquery .unbind() method before  .bind()  will unbind the already bound events to reset your element.