jQueRy图像旋转

Question

有人能告诉我为什么我的图像没有旋转吗？

这是HTML（没有结束标记）：

<div id="block-views-homepage-blokken-block" class="block block-views no-title">
  <div class="block-inner clearfix">
    <div class="block-content content">
      <div class="view view-homepage-blokken view-id-homepage_blokken view-display-id-block view-dom-id-81adc30dc85bd9cd22cb4c90876232c3">
        <div class="view-content">
           <div class="views-row views-row-1 views-row-odd views-row-first" style="height: 125px;">
             <div class="views-field views-field-body">
             <div class="views-field views-field-field-arrow-button" style="top: 9px;">
                 <div class="field-content">
                   <a href="/content/webdesign">
                     <img id="rotating-img" width="139" height="139" alt="" src="http://ephex.nl/sites/default/files/blue-arrow-down.png" typeof="foaf:Image">
                   </a> 
      ...and all other closing tags...

这是我用来旋转的jQuery：

function HomeBlockSlide() {
    jQuery('#block-views-homepage-blokken-block .views-row').mouseenter(function() {

        jQuery(this).find('.views-field-field-arrow-button img').attr('id','rotating-img');

        jQuery(this).find('.views-field-field-arrow-button #rotating-img').rotate({
            angle: 0,
            animateTo: 180
        });

    });
}

当我悬停元素时，将添加id rotate-img。但图像不会旋转..