Animate only working in IE

Animate only working in IE

This sure has me puzzled since it's usually the other way around. The script below, straight from a book, works in IE, but not in FF, Chrome, or Safari. Can anyone tell me what I'm not doing that would work in the Good browsers

  1.   <head>
  2.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  3.    <style>
  4.       div {
  5.         background-color:cyan;
  6.         width:100px;
  7.         border:1px solid blue;
  8.     }
  9.   </style>
  10.   </head>
  11.   <body>
  12. <script type="text/javascript">
  13.         jQuery(function(){
  14.          jQuery('button#foo').click(function(){
  15.            jQuery("#target").animate({
  16.            width: 500,
  17.            opacity: 0.5,
  18.            fontSize: 25,
  19.            marginLeft: 37,
  20.            borderWidth: 15
  21.         }, 1000 );       
  22.       });
  23.     });
  24. </script>
  25.     <h1>Creating custom animation</h1>
  26.     <div id="target">Expand me</div>
  27.     <br>
  28.     <form>
  29.     <button id="foo">Animate</button>
  30.     </form>
  31.   </body>