I've a list of items and an image displaying if the item it's available or not. I already have a link on the image and a script that switch status of the record, all this using AJAX. However I want to switch the image after success of AJAX request.

So my code for AJAX:

2. $('table#lista-boleias td#status a.switch').click(function(){
3. var actImg = $(this).find('img').attr('id');
4. var image = $(this).find('img');
5. $(this).html('<img src="_assets/process.gif" id="loadwait" alt="Loading..."/>').fadeIn("slow"); 
7. var id = $(this).parent().parent().attr('id');
8. var data = 'bid=' + id + '&uid=<%=user%>';
10. $.ajax(
11. {
12.   type: "GET",
13.   url: "ajax/switchboleia.asp",
14.   data: data,
15.   cache: false,
17.   success: function(){
18.  
19.   $("#loadwait").hide();
20. $('img.switch').show();
21. if (actImg == 'act'){
22. $(this).src = ('_assets/inactiva.png').fadeIn("slow");
23. //$.image.src = ('_assets/inactiva.png').fadeIn("slow");
24. } else {
25. $(this).src = ('_assets/activa.png').fadeIn("slow");
26. //$.image.src = ('_assets/activa.png').fadeIn("slow");
27. }
28. image.show();
30.   }
31. });
32. });

My problem is in the success function, the image is inside of a.switch, so I'm trying to retrieve the ID of the image and if the image ID is "act" change the image source to the inactive.png image, else change to active.

The switchboleia.asp page, only sets the status of the item ID, sended by GET, to active or inactive, but in the end I want to show it to user change the image source. What I'm missing here?