jQuery zmiana koloru tła w dynamicznych wierszach tabeli

witam, mam dynamicznie tworzone wiersze i komórki. Chciałbym, aby po najechaniu na daną komórkę, zmienił się kolor innej komórki ale w tym samym wierszu, mam coś takiego

      $(document).ready(function () {
                $(".links").mouseenter(function () {
                    $("#image").css("color", "red");
                });
            });

@foreach (var item in Model)
                    {
                        <tr class="data-table">
                            <td id="image" >IMAGE</td>
                            <td>@Html.ActionLink(item.specialty + " " + item.name + " " + item.surname, "metoda", new { id = item.DoctorID }, new { @class = "links" })</td>
                        </tr>
                    }

kod działa ale nie tak jak tego oczekuję za każdym razem zmienia mi kolor pierwszej komórki o id="image" w pierwszym wiersz, jak należało by to napisać aby zmieniał mi komórke w aktualnym wierszu dla zilustrowania, najeżdżam na y mienia się x, najeżdżam na b zmienia się a :)
[(x) (y)]
[(a) (b)]
bardzo prosze o pomoc, pozdrawiam

ID MUSI BYC UNIKALNE. dlatego capslockiem, bo to wazne i nastrecza potem klopotow. skoro unikalne to nie moze byc wiecej jak jeden element z tym samym id (notabene zadbaj o porzadny program do pisania kodu, one podpowiadaja takie bzdury)

wiec zamien id="image" na class="image" i potem korzystaj z jquery odszukaj dany element. skoro struktura jest znana i niezmienia to bedzie to wygladac tak

 $(".links").mouseenter(function () {
   $(this).parent().prev(".image").css("color","red");  //this wskazuje na link, .parent() wskazuje na komorke w ktorej jest link, a .prev(".image") na poprzednia komorke z klasa image i zmienia jej kolor na czerwony
});

Super działa, dziękuje za pomoc i wyjaśnienie, pozdrawiam :)