Наведение курсора мыши на ячейку таблицы Javascript()

---

У меня есть таблица mytable1, содержащая 3 строки и элементы td. Приведенный ниже код работает нормально, когда у меня есть 6 строк. Но когда у меня есть 3 строки, это не работает. Любые указания будут полезны.

Примечание : приведенный ниже код используется, когда пользователь наводит курсор мыши на изображения таблицы, курсор будет меняться.

мой код
Язык JavaScript

$(document).ready(function() {
    $("#mytable1 tr:has(td)").mouseover(function(e) {
        $(this).css("cursor", "pointer");
    });
 });

HTML

<table id="mytable1" table-layout="fixed" width="100%" style="margin-top: 0px; float:top;"> 
      <tr>
         <td><span>Design Code : A0001</span></td>
         <td><span>Design Code : A0002</span></td>
      </tr>
      <tr>
         <td><a><img src="Images/Img1.jpg"></a></td>
         <td><a><img src="Images/Img2.jpg"></a></td>
      </tr>
      <tr>
         <td><span>Colour : Wite</span></td>
         <td><span>Colour : Red</span></td>
      </tr>
 </table>

Что я уже пробовал:

Я пытаюсь изменить курсор, когда пользователь наводит курсор мыши на изображения, но мне интересно, как только у меня есть 6 строк, как и аналогичные данные, работающие хорошо. но не на 3-х рядах...

---