I use this script to change a class:

```
$('.fa.fa-plus-circle').each(function() {
    $(this).on('click', function () {
        $(this).removeClass().addClass("fa fa-minus-circle");
    });
});

```

Then I used

```
$('.fa.fa-minus-circle').each(function () {
     $(this).on('click', function () {
        $(this).removeClass().addClass("fa fa-plus-circle");
     });
});

```

So for the first one "fa.fa-plus-circle" that is the default when the page is loading, everything is good and the class changes. But when the class changes I can't do anything else after, JQuery continues to execute

```
$('.fa.fa-plus-circle').each(function() {
    $(this).on('click', function () {
        $(this).removeClass().addClass("fa fa-minus-circle");
    });
});

```

Why ??
Thanks in advance