onclick only works once

onclick only works once

This is my HTML

  1. <div id="divlisting_status<?php echo $row['sell_detail_id']; ?>">
  2.               <?php
  3.                                    
  4.                                         if($row['listing_status'] == "0")
  5.                                         {
  6.                                             ?>
  7.               <img id="approve" src="https://pencopyediting.com/images/not_approved.png" sell_detail_id ="<?php echo $row['sell_detail_id']; ?>" listing_status="not_approved" /> <?php echo "<span class='status_list'>Not Approved</span>";
  8.                                         ?>
  9.               <?php
  10.                                         }
  11.                                         else
  12.                                         {
  13.                                             ?>
  14.               <img id="approve" src="https://pencopyediting.com/images/approved.png" sell_detail_id = "<?php echo $row['sell_detail_id']; ?>" listing_status="approved"  /> <?php echo "<span class='status_list'>Approved</span>";
  15.                                         ?>
  16.               <?php
  17.                                         }
  18.                                    
  19.                                    
  20.                                     ?>
  21.             </div>






This is my ONCLICK on the div




  1. $('div[id^="divlisting_status"]').click(function() { 
  2.     alert("aa");
  3.       url = "https://pencopyediting.com/change_listing_status/change_status.php?sell_detail_id="+ $(this).children('img').first().attr('sell_detail_id')+"&listing_status="+ $(this).children('img').first().attr('listing_status');
  4.                  
  5.                 if(window.XMLHttpRequest) {
  6.                     http=new XMLHttpRequest();
  7.                 }
  8.                 else if(window.ActiveXObject) {
  9.                     http=new ActiveXObject("Microsoft.XMLHTTP");
  10.                 }
  11.                
  12.                 http.open("GET", url , true);
  13.                            
  14.                  http.onreadystatechange= mediumProcess;
  15.                  
  16.                 http.send(null);
  17.       })






This is the code for changing the image





  1. if(ajax_reply_status == 'approved')
  2.             {
  3.                 alert("Selling list is approved now");               
  4.                 $("#" + show_statusbyid).replaceWith( '<img id="approve" src="https://pencopyediting.com/images/approved.png" sell_detail_id="'+ajax_reply_id+'" listing_status="'+ajax_reply_status+'" /><span class="status_list">Approved</span>');               
  5.             }   
  6.             else
  7.             {
  8.                 alert("Selling list is not approved now");
  9.                 alert(show_statusbyid);
  10.                 $("#" + show_statusbyid).replaceWith( '<img id="approve" src="https://pencopyediting.com/images/not_approved.png" sell_detail_id="'+ajax_reply_id+'" listing_status="'+ajax_reply_status+'" /><span class="status_list">Not Approved</span>');
  11.                                
  12.             }   





Once the image has changed the onclick isn't being called and I have no idea how to get it working. The click is on the div not the image and I am only changing the image


Thanks