UPDATED: jquery dialog modal radio button not selected ajax

Question

I have a problem here. I have a jquery modal dialog on which I have 2 radio buttons. In my code I have jQuery ajaxStart and ajaxStop handlers to check for Ajax requests (I also have an other jquery dialog pop up to display a Loading... message or something when there is an Ajax request executing). When I select each radio button, an ajax request is made. The problem I am having is that because of the ajax events (ajaxStart, ajaxStop), when I click on the radio buttons, they are not selected (although I get the correct value of my radio button). Any idea what might cause this?

You can see an illustration of what I meean with this jsfiddle

Thank you

Answer 1

Somehow showing the loading dialog is interfering with the click event. If you delay the ajax call with setTimeout, it works.

http://jsfiddle.net/jTGCF/66/