Right now, the button has an arrow icon. When onclick is triggered, it switches to the "x" icon, but then I click it again, nothing happens. Can anybody tell me what I can do to get it back to the original (arrows) icon when I click on it again? Below is my code. 

```
<button class="button" data-toggle="tooltip" title="Like"><i class="fa fa-arrows-alt"></i></button>

<script>
    $("button").click(function(){
    $(this).find("i").removeClass("fa fa-arrows-alt").addClass("fa fa-close");
});
</script>

```