i want to remove added list using remove icon in anchor tag, but it is removing and again opening the list

```js
    $('.list').on("click", ".remove", function () {
          $(this).parent().remove();
      });
```

```html
<ul class="list">
<li><a href="#">List[i]<i class="fa fa-remove remove"></i></a></li>
</ul>
```