problem with ubind and hover

problem with ubind and hover

Hi all,

i have just updated my jquery version from 1.8.3.js to current.
the code below used to work on last version but not on current. Is it normal ? :s


  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  6. </head>
  7.   
  8. <body>
  9.   
  10.   <div id="dv1" style="float:left;width:50px;height:50px;background-color:blue;"></div>
  11.   <div id="dv2" style="float:left;width:50px;height:50px;background-color:orange;"></div>
  12.   <div id="dv3" style="float:left;background-color:grey;height:50px;width:50px">
  13.     <a href="javascript:;" onclick="$('#dv1').hover(function(){$('#dv2').text('+')},function(){$('#dv2').text('-')});">+</a>
  14.       <a href="javascript:;" onclick="$('#dv1').unbind('hover');">-</a>
  15. </div>
  16.     
  17.   
  18. </body>
  19. </html>

Thank you for your help :s