I am totally stuck with this issue. I have several radio controlgroups and when one of the radio buttons is clicked, its value 'id' should be read. First click works fine but then the event is thrown but displaying the previously checked button. Only when I click a second time on that new button, its value gets displayed correctly.

Please help!!!    :(

2. $('[data-role="page"]').bind('pageshow',function () {
3.     $('#term_grp').bind('change', function () {
4.     $("input[name*=term]:checked").each(function () {
5.     fillMonths($(this).attr('id'));
6.     });
7.     });
8. });
9. 
   
11. <div data-role="content">
12. <div id="term_grp" data-role="fieldcontain">
13. <fieldset data-role="controlgroup" data-type="horizontal">
14. <legend>Semester:</legend>
15. <input type="radio" name="term" id="ss"></input><label for="ss">Sommersemester</label>
16. <input type="radio" name="term" id="ws" checked="checked"></input><label for="ws">Wintersemester</label>
17. </fieldset>
18. </div>
19. <div id="month_grp"></div>
20. <div id="datum_1_grp"></div>
21. <div id="datum_2_grp"></div>
22. <div id="zeit_1_grp"></div>
23. <div id="zeit_2_grp"></div>
24. <div id="min_grp"></div>
25. <div id="event_grp"></div>
26. </div>