Using the remove function in list items

Using the remove function in list items

Hi,

I am having difficulties to deal with a simple remove function.

I have an item list with "listitem" css class. I placed a button on each item to delete it. I am now trying to use the remove function to erase it from the page. I thought  $(this).remove(); will work but it doesn't. I also tried something like this:  $(this).parent('.listitem').remove(); but it didn't work.

When I write $('.listitem').remove(); it erased all the items of the list. I m just trying to be able to erase just the one clicked.

I know I am asking a very simple thing but I can't make it alone.