I apologize right now for the sloppy wording of this question, I'll try to explain my problem the best that I can.

Lets say I'm making a list of apples, bananas, and kiwis. I want to create a jQuery effect where the element that my mouse is over will be underlined only while my mouse is over it, without having to write too much code if that's possible. This is the most efficient way I currently know

```
<div id='myFavFruit'>
        <p id='apples'>apples</p>
        <p id='bananas'>bananas</p>
        <p id='kiwi'>kiwi</p>
    </div>

    $('#apples').mouseenter(function() {
    $('#apples').css("text-decoration","underline");
    });

    $('#apples').mouseleave(function() {
       $('#apples').css("text-decoration","none");
    });

    $('#bananas').mouseenter(function() {
       $('#bananas').css("text-decoration","underline");
    });

    $('#bananas').mouseleave(function() {
      $('#bananas').css("text-decoration","none);
    });

    $('#kiwi').mouseenter(function() {
      $('#kiwi').css("text-decoration","underline");
    });

    $('#kiwi').mouseleave(function() {
      $('#kiwi').css("text-decoration","none");
    });

```

Thanks for the help!