I'm trying to show an input field inside the currently hovered upon ul.
This code kind of works:

```
$('ul').hover(function(){
  $(this).append('<div style="display: block;"><input type="text"> <button>Knapp></button></div>');
},
function () {
      $(this).find("input:last").fadeOut('fast');
      $(this).find("button:last").fadeOut('fast');
    }

);

```

But it shows an input field for all the parents as well :/ 

I tried to remove the divs from the parents with find

```
      $(this).parents().find("input:last").fadeOut('fast');

```

But of course that code also finds the one that's inside the currently hovered ul...

![enter image description here](https://i.stack.imgur.com/zrNHf.png)