.change not recognized in IE

.change not recognized in IE

hello everybody,

these are my first steps with jquery.

i would like to use it to replace a checkbox with an image and to swap it when it's clicked.
unfortunately the change is not recognized inside the internet-explorer.

can you guys help me out?

here is the code:
  1. <label for="footer_ger_lock">
    <img src="unlock.png" />
    <input name="footer_ger_lock" type="checkbox" value="1" id="footer_ger_lock" style="display:none;" />
    </label>



  2. <script type="text/javascript"> 
    $("#footer_ger_lock").change(function() {
     if(this.checked) {
     $(this).prev().attr("src", "lock.png");
     } else {
     $(this).prev().attr("src", "unlock.png");
     }
    });
    </script>







there is some php too that saves and displays the lock/unlock states, but i only wrote down the bare bones to keep the overview here.

thanks a lot