Using button to change value

Using button to change value

Hi folks,

i'm currently working on a 360° view using the reel.js plugin (reel360.org) - i'm trying to use a simple button to change the image folder or range.. the button does not do anything, what am i doing wrong? 

Code: 

  2. <html>
  3.   <head>
  4.     <script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
  5.     <script src='images/jquery.reel.js' type='text/javascript'></script>
  6. <script>
  7. $(function () { 
  8.   $(document).ready("#change").click(function () { 
  9. $("#image").attr("data-images", "images/neu###.jpg|000..036"); 
  10.     $.reel.scan();
  11. });
  12. });  
  13. </script>
  14. </head>
  15.   <body>
  16. <img src="images/bild000.jpg" width="640" height="480"
  17.       class="reel"
  18.       id="image"
  19.       data-images="images/bild###.jpg|000..036"
  20.       data-cw="true"
  21.       data-frame="32"
  22.       data-speed="-0.2"
  23.       data-duration="6"
  24.       data-velocity="3"
  25.       data-brake="0.2">
  26. <button id="change"> Farbe wechseln </button>
  27. </body>
  28.     </html>


Any help is greatly appreciated! 

Thanks in advance