JSFiddle - React, Tailwind, and code Playground

HTML

<table class="mytable" id="cart">
    
    <td class="cart2Produkt">                     <a href="/Target-7050CC-Duo-UNC.7" target="_blank" title="Target 7050CC Duo UNC" class="hasTooltip">
        Target 7050CC Duo UNC
        
        </a>
        
        
        <p>
            <div class="productOptions"  title="Valg ny og trykk pĂĄ Oppdater">
                
                                    <div class="nonEditableOption">
                    Skal tilkobles:
                    Ericsson
                </div>
                
                <div class="productOptionsMenu">
                    <a  style="color:#6c8aa2;" href="/order/options/1431" ajax="/order/optionForm/1431">Endre valg</a>
        </div>
            </div>
            
        </p>
        
    </td>
    
    <td>
        <div class="submit" id="rfrsh_btn" name="saveFields" title="Oppdater" value="">Change me!</div>
        </td>
</table>

CSS

#rfrsh_btn
{
    background-color:#ccc;
    border-color:#fff;
    border-width:2px;
    border-style:solid;
}

JavaScript

var $j = jQuery.noConflict();

$j(".productOptionsMenu").hover(
    function () {
        $j(#rfrsh_btn).css({"border-color":"#85c222"});
    };
);