blok elemen di chrome tidak sesuai

oscar11

HTML :

    <table>
      <tbody class="iteration">
        <tr>
          <td>
            <button class="save">More</button>
          </td>
          <td>
            <div class="cruisedropd">
              <div class="loading"></div>
            </div>
          </td>
        </tr>
      </tbody>
      <tbody class="iteration">
        <tr>
          <td>
            <button class="save">More</button>
          </td>
          <td>
            <div class="cruisedropd">
              <div class="loading"></div>
            </div>
          </td>
        </tr>
      </tbody>
    </table>

Javascrpt :

    $(function(){
        $(".cruisedropd").hide();
        $('.save').click(function () {
            var parent = $(this).closest("tbody.iteration");
            $(parent).block({ message: null });
    
            parent.toggleClass('is_loading',  parent.hasClass('is_loading') );
            parent.find(".cruisedropd").toggle();
            parent.find('.loading').html("work");
    
        });
    
    
    });

Demo : http://jsfiddle.net/oscar11/8Mcr6/228/

di firefox, saat klik more, element yg diblok adalah element yg dipilih. itu benar
tapi di chrome, saat klik more, semua elemen di blok , itu salah

gimana carannya agar di chrome bisa bekerja?