Jquerymobile - problem: Change image on radio button select

Jquerymobile - problem: Change image on radio button select

Dear all,

im new to jquery and jscript

i would like to change images depending on the selection of a radio button.
i try it like shown below but cant get it working, can you help me ?

Thanks Thomas
  1.     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>


  3. <script type="text/javascript">
  4. $("input.seq").change(function(){
  5.         if ($("input.seq:checked").val() == 1) {
  6.             $('#logo_img').attr('src', 'img1.jpg');
  7.         }
  8.         else {
  9.             $('#logo_img').attr('src', 'img2.jpg');
  10.         }
  11.     });
  12.     </script>


  1. <div class="logo_img">
  2.    displays image here
  3. </div>
  4.   
  5.  <fieldset data-role="controlgroup"  class="seq">
  6.              <input type="radio" name="seq" id="radio-choice-1" value="1" checked="checked" class="seq" />
  7.              <label for="radio-choice-1">Cat</label>
  8.              <input type="radio" name="seq" id="radio-choice-2" value="2" class="seq" />
  9.              <label for="radio-choice-2">Dog</label>
  10.              <input type="radio" name="seq" id="radio-choice-3" value="3" class="seq" />
  11.              <label for="radio-choice-3">Hamster</label>
  12.              <input type="radio" name="seq" id="radio-choice-4" value="4" class="seq"/>
  13.              <label for="radio-choice-4">Lizard</label>
  14.     </fieldset>